@framer's Design Pages are perfect for building icon sets  🎨
It's great to have a dedicated canvas to create and refine vectors; this makes it much easier to keep your icons consistent
#DesignTools#ProductDesign
💎 Creatie: visualize product ideas, fast and easy with AI
Creatie enables you to generate UI designs using an AI wizard and edit them in a web-based editor. The tool is particularly useful when you want to explore different ideas quickly.
creatie.ai/
💎 Design system for car UI
Škoda Flow is a design system with comprehensive guidelines for designing car interfaces. It contains a component library for web and mobile, dos and don’ts, and visual examples of pages.
flow.skoda-brand.com/
💎 Free Figma Component Library
Figcomponents is a curated collection of more than 1000 UI components for Figma. You can filter components by type and style. Copy the component you like to clipboard in one click.
figcomponents.com
💎UI Design Checklist
UI design checklist is a collection of checklists for popular UI components such as input field, button, and form. Each checklist covers visual design, functional logic, and accessibility principles.
babich.gumroad.com/l/uicheck…
Chart Design Dos and Don'ts
Practical recommendations from the Salesforce team for designing popular chart types like bar, line, plot, and scatter.
lightningdesignsystem.com/gu…
Best portfolio examples for designers
Pafolios is a curated collection of inspiring design portfolios & case studies for product, UI/UX, and graphic designers.
pafolios.com/
Ultimate Guide to Google Analytics for Product Designers
Practical tips for product designers for using Google Analytics 4 for user behavior analysis, UX design optimization, and enhancing website performance to improve sales.
uxplanet.org/the-ultimate-gu…
Font pairing for Google Fonts
Fontjoy is an online tool for finding the best font combinations. Font pairs are created from free and open-source font families. You can change font similarly—from very similar to high contrast.
fontjoy.com/
Name your Figma layers automatically with AI
Tired of naming all your layers in Figma? Autoname will do it for you. This Figma plugin will name your layers automatically.
autoname.org/
Easy way to swap instances & styles between masters in Figma
Design System Organizer is a Figma plugin that makes it easy to swap instances and styles between masters with the same name. Use this plugin to copy styles between files.
figma.com/community/plugin/8…
Open-Source UI elements for web project
Uiverse is a collection of more than 2000 UI elements—from buttons & checkboxes to input forms & content loaders. Every element comes with HTML & CSS code and the option to copy it to Figma.
uiverse.io/
Creative Design Ideas & Inspiration
Recent Design is a curated collection of original and unconventional web, interface, and interaction designs on 𝕏.
recent.design/
Trending color schemes for websites
Spectrum Art is a handpicked collection of trending color schemes for every aspect of your website, from the background to buttons, from headers to text highlights.
spectrum.art/
Create beautiful moving gradients
ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.
shadergradient.co/
UI design reference library
Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.
mobbin.com/
Landing Pages Explained
Collection of leading SaaS and creator landing pages with expert explanations of the techniques used to increase conversion.
landingpagesexplained.com/