UX Planet

@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

💎 Onboarding methods cheatsheet What methods to choose, depending on onboarding intention (showing, prompting, or discovering)

💎 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/uichecklist

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/guidelines/dat…

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-g…

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

The Most Remarkable AI Advancements of 2023

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/plug…

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

Open Design System Repository Discover 40+ open design systems that come with UI kits for Figma. designsystems.com/open-design-sy…

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