Component
Collector

Frequently Asked Questions

How Component Collector works

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.

Android Vector Phone Mockup

Android Vector Phone Mockup

Get component
Cost:
1 Credit
Free
Updated:
Dec 12, 2023

Component Collector Demo Video:

This demo shows how Component Collector can be used to easily search for components and quickly create a sign up / login flow with two factor authentication.
This video may take a moment to load.

Marketing

How does Component Collector work?

Component Collector is your one-stop shop for high-quality Figma components.

  1. Search and filter to find the component you want
  2. Click 'Get Component ❖'
    If you are interested in a premium component, you may need to purchase a 'component credit' which can be used to permanently unlock any component.
  3. Next just paste (cmd + v), or (ctrl +v) your component directly in Figma!

We also have a Figma Plugin so you can easily get access to new components as you work in Figma.

How does the "component credit" system work?

Some components are free but most need to be purchased with a component credit. We have built a powerful way to maintain component versions, push updates, and most importantly: let other designers get amazing new components with one click.

  • If you buy a component, you get it and all updates for free.
  • Purchased components can be re-used as much as you want.

Where do you get these components?

We (ODW) were an early adopter of Figma and have been building components for our apps and clients since 2018. We actively maintain a few design systems and are publishing the winners to be white-labeled and incorporated in the Component Collector design system.

Overview:

  • We have built all of these components over the years.
  • Since Component Collector launched we have added around 3 components each week.
  • Each component includes a timestamp indicating its version. We make small improvements and updates on a daily basis.
  • If you see something that has room for improvement, please let us know and we'll fix it! We are constantly rebuilding components as Figma updates are released.

Can I add my component?

Maybe! Shoot us an email and we would be happy to take a look. Generally we are pretty picky about how things are built. If it's a good fit we would be happy to credit you as the designer and make it free for all.

We avoid overly nested layers, pretty much only use auto layout, and have a simple naming system.

Pricing

How can I get free components?

The first time you sign up you will get 2 free component credits.

Join our newsletter to be in first in line for upcoming giveaways when we add new components and categories.

How much does a component credit cost?

See the pricing page for all of the options, they cost just from $1 - $2 each depending on how many you buy.

  • Note that when you collect a component you can keep it and reuse it as many times as you like!
  • We are also continuously making updates, so you can redownload it any time to get the latest version.

Support

One of the components I downloaded has an issue.

Let us know! We are always trying to improve the components and welcome any feedback. If you have any ideas for changes or ideas for updates we would love to hear it.

I found a bug in the app.

Sorry about that! Please shoot us an email. Screenshots and context are helpful for debugging. All of our apps have some error tracking and reporting built in, but it's always helpful to hear from users.

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!