Component
Collector

Try the Figma Component Collector
design system for free.

Browse high quality Figma components & add them to your project with one click

Use Component Collector on a laptop to paste directly into Figma

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

Component Collector is easy to use, here is a quick demo:

  1. Find the Component you want by searching or filtering
  2. Click Get Component
  3. Paste [cmd+v] or [ctrl+v] directly into Figma

Try this example, and take a look at the full design system. Component Collector is designed to be easy to use and play nicely with existing design systems.

Apple iOS Keyboard UI

Apple iOS Keyboard UI

Get component
Cost:
1 Credit
Free
Updated:
Sep 17, 2023

View latest components

Pricing Table with Options

Pricing Table with Options

Get component
Cost:
1 Credit
Free
Updated:
Apr 26, 2024
Search Focused Hero Section

Search Focused Hero Section

Get component
Cost:
1 Credit
Free
Updated:
Apr 24, 2024
All Authentication States

All Authentication States

Get component
Cost:
1 Credit
Free
Updated:
Apr 24, 2024
Code Block

Code Block

Get component
Cost:
1 Credit
Free
Updated:
Apr 18, 2024
View all components
How does Component Collector help?

Component Collector is the only design system intended to play nicely with others.

Component Collector, try copying icon

Better value

Most design systems can't even fit in a Figma file without a memory limit warning. They are bloated, slow to load, and slow to search. The Component Collector app lets you find premade components in seconds.

  • No need to buy the whole design system or subscribe
  • Get the components you need in one click
  • No giant files, no downloads, no pestering updates
Component Collector, try copying icon

Design system friendly

Whether you are starting a new project or already have a design system and just need some advanced components— Component Collector can help. Every component is clean and white label. They are meant to be edited, branded, and repurposed.

  • Dark mode, light mode, and responsive views
  • UI design based on fundamentals, not trends
Component Collector, try copying icon

100% auto layout

Component Collector includes difficult components that most UI kit do not cover. For example: Timelines, Calendars, Charts, Mockups, Tables, etc.

  • Everything is 100% live text & 100% vector
  • Components have necessary variants, but nothing extraneous
Component Collector Figma component examplesComponent Collector hero exampleComponent Collector example hero design

Pick, click, and design

À la carte Figma components are perfect for the busy designer.

Component Collector example components
Component Collector, free icon
Free

Free components are available at no cost. Component Collector is also free to join, and you get free credits for signing up.

Component Collector popular icon
Hot

Hot components are the most viewed & most used. They cover common Figma UI design needs like: tables, navigation, and cards. View the top 15 components each month.

Component Collector credit icon
Credits

Credits offer a flexible and affordable way to collect components. No subscription required. No giant design system purchase required!

Top 5 Card Components

Component Collector card components are responsive UI elements designed to present information in a modular and organized manner. They are commonly used to showcase product features, summarize articles, user profiles and more. Cards are the building blocks of most of the modern web.

Top 5 Input Components

Component Collector input components facilitate user interaction and data entry. They cover all common input types like: text fields, dropdowns, checkboxes, radio buttons and range sliders. These Figma components are built responsively with auto layout and easy re brand and repurpose.

Top 5 Navigation Components

Component Collector navigation designs use proven patterns for organizing web and app content. These Figma components arrange pages and links in flexible hierarchies that are easy to reuse and repurpose. Each component is built with auto layout and includes enough visual impact to be intentional and attractive, while still being customizable enough for white label use.

Top 5 Content Components

Content components are structured blocks that cover popular web and app templates like: videos, articles, blogs, product, and testimonials. These Figma components ensure their content is presented in a user-friendly and visually appealing manner that can easily be customized as needed.

Top 5 Chart Components

Component Collector charts help make data-driven content more visually engaging and understandable. These Figma components are commonly used on website and app pages with dashboards, reports, and infographics. Every chart component is built with Figma best practice and will resize intelligently.

Component Collector leaderboardComponent Collector leaderboard  mockup

Checkout Component Collector leaderboards to browse the most popular components each month.

Dive into our leaderboard overview to explore the most popular Figma components, as chosen by designers around the globe. This curated selection highlights the most-popular of Component Collector, showcasing elements that have captured the attention or reflected the trends of cutting-edge design.

Whether you're seeking inspiration or the next key component for your project, our leaderboard is your gateway to discovering top-tier design tools. Join us to see what's leading the trend in Figma designs!

Component Collector can paste directly into Figma

Upgrade your design efficiency with superior Figma components.

Component Collector is used by UI designers all around the world to accelerate their Figma product and UI/X design work. Pre-made components will help you explore more design solutions and find winning designs faster.

‍ Claim your free credits when you sign up!