Component
Collector

Top 15 Figma UI Components Updated: November 2023

These are the 15 most-used Figma components from the Component Collector design system each month. Enjoy the best of our component library and add them to your Figma project with just one click.

Hot
Sidebar Checkout UI

Sidebar Checkout UI

The Modal-Based Checkout component streamlines the purchasing process, providing users with a clear and convenient checkout interface. By using a modal, this Figma component ensures that customers can complete their transactions without navigating away from the current page, thereby minimizing disruptions and potential drop-offs. Suitable for e-commerce websites and mobile applications, this Figma component is designed to play well with any existing design and offers a straightforward way to handle transactions.

Get component
Cost:
Free
Updated:
Nov 22, 2023
Hot
Mega Menu Nav Dropdown

Mega Menu Nav Dropdown

The Header Navigation Mega Menu Dropdown component gives designers flexible options for organizing pages in global navigation. This Figma component has size variants to accommodate different volumes of content with options for icons, buttons and descriptions. The design is highly adaptable and provides a functional foundation for modern navigation UI.

Get component
Cost:
Free
Updated:
Oct 26, 2023
Calendar Input

Calendar Input

The 'Calendar Input' component is a sleek and user-friendly UI element for date selection in web and app projects. This Figma component integrates a pop-up, (or modal), calendar view, allowing users to easily pick dates for booking systems, event scheduling, and task setting. This component 100% auto layout, responsive, and easy to modify or repurpose in Figma designs. an effective starting point for any date selection UI

Get component
Cost:
Free
Updated:
Nov 29, 2023
Mobile Website Checkout Form

Mobile Website Checkout Form

The Mobile Checkout Form component template is specifically designed for a website-based, mobile checkout experience, suitable for e-commerce websites and SaaS platforms with product offerings. It offers a user-friendly, single-column layout that adapts flawlessly to smaller screens, ensuring all steps from product review to payment submission are clear and easily navigable. This Figma component is crafted to simplify the checkout process, minimize typing, and expedite transactions, providing a smooth and efficient pathway to purchase that’s essential for the on-the-go consumer.

Get component
Cost:
Free
Updated:
Nov 13, 2023
Desktop Website Hero

Desktop Website Hero

The Big Photo Website Hero component offers a commanding header design for desktop websites, featuring a prominent, full-width image (or full-column-width) as its focal point. Accompanied by bold, white overlay text, this 'hero' design ensures high visual impact and immediate user engagement upon landing on the page. It's an essential tool for any site looking to make a strong first impression with striking imagery and clear messaging.

Get component
Cost:
Free
Updated:
Nov 21, 2023
Hot
Mobile App Settings Page

Mobile App Settings Page

This component offers a structured template for designing mobile app settings interfaces. Prioritizing user-friendly navigation, it organizes various configuration options, toggles, and preferences in an intuitive layout. It is useful in designing supporting app pages needed for users to control personalization and app settings experience.

Get component
Cost:
Free
Updated:
Oct 27, 2023
Search Filters with Tags / Chips

Search Filters with Tags / Chips

The Search Filters with Tags / Chips component uses popular tag-based UI concepts to easily enable detailed search results. Tags, chips, and badges are all common names for the same UI concept of organizing input results into labeled groups. This figma component empowers users to refine their search based on these groups like: categories, price ranges, date ranges, colors, etc. It not only streamlines user navigation but also potentially quickens the path to conversion by presenting users with results most relevant to their needs and preferences.

Get component
Cost:
Free
Updated:
Oct 11, 2023
Website Email Capture

Website Email Capture

The Email Capture component is a must-have component for websites designed to generate potential leads from overall traffic. This Figma component is often positioned in the lower third of the page below a blog section or just above the website's footer and is designed to fit comfortably in most layouts without taking over too much of the page. It is 100% vector and includes mobile and desktop versions with two different styles.

Get component
Cost:
Free
Updated:
Nov 1, 2023
SaaS / Dashboard Billing Page

SaaS / Dashboard Billing Page

The Dashboard Billing Page component provides a user-friendly interface, allowing users to manage and review their billing and subscription details. Frequently utilized in subscription-based platforms, SaaS applications, and e-commerce websites, this Figma component is crafted to prioritize clarity and simplicity in displaying account information, transaction history, and payment methods.

Get component
Cost:
Free
Updated:
Oct 27, 2023
Free
Emoji Icons: Hands & Reactions

Emoji Icons: Hands & Reactions

Free

The 'Emoji Icons: Hands & Reactions' pack is a collection of text-based emoji icons capturing a wide array of hand gestures and emotional reactions. Perfect for enhancing user interactivity and expressiveness in digital communication, these font-version emojis can be effortlessly integrated by simply copying and pasting the text. This pack makes it incredibly easy to enliven chats, comments, and feedback forms with universally understood hand symbols and emotive icons.

Get component
Cost:
Free
Updated:
Nov 27, 2023
Hot
Styled / Noisy Pie Chart

Styled / Noisy Pie Chart

This Styled Pie Charts component within the Component Collector design system provides Figma designers an aesthetic and visually engaging simple data representation chart. It's crafted with a fully vector decorative noise effect and only relays critical data but adds an aesthetic layer to branded presentations and content.

Get component
Cost:
Free
Updated:
Oct 5, 2023
FAQ: Question and Answer

FAQ: Question and Answer

The FAQ Component offers an organized and user-friendly method for addressing marketing questions and product concerns. This Figma component is suitable for marketing websites as well as technical api documentation and can be easily modified to fit brand aesthetics.

Get component
Cost:
Free
Updated:
Nov 11, 2023
Hot
Dashboard Sidebar Navigation

Dashboard Sidebar Navigation

The Dashboard Sidebar Navigation component uses a proven desktop based design pattern for multi-page apps and websites. This layout is popular as it maximizes the landscape working area laptops and desktops have available and often gives the navigation enough space to include visual context like icons and descriptions. This Figma component is a solid foundation for multipage web applications and dashboards and is a staple in SaaS product UI/UX.

Get component
Cost:
Free
Updated:
Oct 25, 2023
Mobile App Onboarding Flow

Mobile App Onboarding Flow

The Mobile App Onboarding Flow Design component provides a streamlined foundation for introducing users to mobile application features. It's typically utilized to showcase app functionalities, highlight key features, and guide first-time users.

Get component
Cost:
Free
Updated:
Oct 27, 2023
Use Component Collector on a computer to paste directly into Figma

Tip: Use Component Collector on a computer to seamlessly paste new components directly into your Figma project. Or try the Figma Plugin!

Success! Now just paste your component into Figma.
[cmd + v] or [ctrl + v]
Error:
Please contact: bug@osborndesign.works
Please log in
New users will receive 2 free component credits!
One credit grants you permanent access to any component of your choice.
0 Credits! Try searching for free components or: