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 new components

Website Team Page Wireframe

Website Team Page Wireframe

Get component
Cost:
1 Credit
Free
Updated:
Sep 29, 2024
Landing Page Hero

Landing Page Hero

Get component
Cost:
1 Credit
Free
Updated:
Sep 27, 2024
Checkbox Tree

Checkbox Tree

Get component
Cost:
1 Credit
Free
Updated:
Sep 27, 2024
Search Autocomplete Tray

Search Autocomplete Tray

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

Component Collector is built to play nicely with other design systems.

Component Collector, try copying icon

Better value

Most design systems can't 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 components faster, and get them in your file much faster.

  • 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.

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!

Component Collector leaderboardComponent Collector leaderboard  mockup

Checkout Component Collector popular components leaderboards.

Explore the most popular Figma components, as chosen by designers around the globe. This curated selection highlights the most-popular Component Collector Figma components.