The ultimate UI kit for Figma

100% free UI kit and design system for Figma

Untitled UI is the largest UI kit and design system for Figma in the world. We've made a 100% free version.
Used by the world's top designers from the world's top companies

The ultimate UI kit

Design fast. Design consistently.

Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Untitled UI comes packed full with everything you need to design modern and beautiful UI and websites.
Feature icon
30-day money back guaranteed (competitors don't offer this)
Feature icon
Meticulously crafted UI components
Feature icon
Hover and click interactions for fast prototyping
Feature icon
4px soft grid system and consistent spacing
Figma user
Figma user
Figma UI componentFigma UI componentVideo mockup

Global styles

Customize styles in seconds

Untitled UI is already setup with 500+ super-smart color, typography and effects styles. Need to update your brand? Change one style and apply changes to the entire library.
Feature icon
Smart, extensive, and scalable typography system
Feature icon
Incredibly smart avatar image styles already set up
Feature icon
Practical and accessible color system with 29 colors
Feature icon
Useful shadow and blur effect styles already set up
Figma user
Figma user
Video mockupVideo mockup
Figma color stylesFigma color stylesFigma effects stylesFigma text styles

Variants and Auto Layout 4.0

10x smarter than other UI kits

Every component is meticulously crafted with 100% Auto Layout 4.0, super-smart variants, and with accessibility in mind. Swap out variants in seconds, like magic.
Feature icon
100% Auto Layout 4.0 components and pages
Feature icon
Hundreds of practical and useful page examples
Feature icon
WCAG 2.1 compliant accessibility by default
Feature icon
Swap out sections in seconds with variants like magic
Figma user
Figma user
Figma invite modal componentFigma variantsFigma UI swatchFigma UI swatch

Example pages

Production-ready examples

We’ve built a whopping 420+ ready-to-go website page and dashboard examples. Mix-and-match sections and variants to design websites and dashboards in minutes, not weeks.
Feature icon
HQ responsive desktop and mobile examples
Feature icon
Dashboards, settings pages, and more layouts
Feature icon
Website examples for common and useful pages
Feature icon
Hover and click interactions for super fast prototyping
Figma user
Figma user
Figma page structureFigma commentsFigma variants
Mobile marketing site mockupDesktop marketing site mockup

Design faster

Smart and easy-to-use

Simple, intuitive and scalable file structure organization. Spend less time finding components and more time designing. We’ve thought of everything so you can start designing right away.
Feature icon
1,000+ icons and logos — all you need for every project
Feature icon
Tips, best practices, and notes included right in Figma
Feature icon
Logos, avatars, and portfolio mockup templates
Feature icon
Always growing with free updates for life
Figma user
Figma user
Chart componentLine iconsPayment iconsFigma modal
Figma pages list

The ultimate secret weapon

Scale is easy, but quality is rare

The most popular UI kits for Figma lack in size, flexibility, or quality — usually all three. Untitled UI was built to solve this. We’ve built this design system to be professional quality, while neutral and flexible enough for any project.

Freelance Designers

Deliver high-quality projects faster, take on more clients, and increase your income.

Design Teams

Get everyone on the same page with a single library. Design faster consistently.

Beginners & Students

Learn how professional design systems are built and learn Figma best practices.


Design and prototype faster, with an entire library of ready components.
Untitled is the best $109 I've spent on my business in a long time. I'm going to keep using it and recommending it to every designer I know.
Sam Pierce Lolla
Untitled UI has been an amazing resource that I'm learning to rely upon to spin up ideas in no time. I think I might launch a startup pretty soon by mistake here!
Ricardo Buzzotta
Senior Product Designer, Spotify
Star iconStar iconStar iconStar iconStar icon
The sheer scale, details, and organization of this kit is mind-blowing. It covers nearly everything a Designer could need in a modern, efficient and systematic way.
Corey Moen
Senior Brand Designer, Webflow
Star iconStar iconStar iconStar iconStar icon
I'm super impressed with this. I love poking around in other peoples UI Kits to see how they think. This is probably one of the most comprehensive I've seen.
Matt Walker
Design Systems, Mailchimp
Star iconStar iconStar iconStar iconStar icon
I'm super excited to use this for quick mockups of ideas in Figma. We're always trying to streamline our design process so we can move fast! Definitely recommend.
Jenny Chu
Head of Product, Eucalyptus
Star iconStar iconStar iconStar iconStar icon
Untitled UI is easily the best UI kit I've used so far. It has an insane amount of components that are all incredibly well-built. I don't even know how many hours this will save.
Tom Bekkers
The attention to detail and thought Jordan has put into this UI kit is unparalleled.
Dan Mcleay
Lead Designer, Fox Sports
Star iconStar iconStar iconStar iconStar icon
Untitled UI is incredibly well-organized and the attention to detail is great. I highly recommend this kit to any designer that wants to create beautiful designs fast.
Tom Bekkers
Founder & Creative Director, Flowbase
Star iconStar iconStar iconStar iconStar icon
What an awesome Figma kit... it's an absolute game changer. This is the perfect base for any design system. The size and attention to detail is next level.
Dan Anisse
We've been using Untitled to build Himalayas 2.0 and have finished a complete redesign in just a few days. It has everything we need already pixel-perfect.
Abi Tyas Tunggal


Simple, transparent pricing

Pay once, use forever in unlimited projects. Free updates for life.

Frequently asked questions

Something else? Chat to our friendly team via
Why do I need a UI kit?

Good question! We used to ask this all the time. You don’t realize the power of a high-quality UI kit until you start using one. A good UI kit saves you time and money usually spent on meticulously building the same components over and over again. It can 10-100x your workflow.

A good way to frame it is to ask the question, “will this UI kit save me a few hours of work in a project?” If the answer is YES, it’s probably worth the investment. Then it becomes an asset you can use in unlimited future projects.

We built Untitled UI out of necessity. We tried a bunch of UI kits for Figma, but found they lacked in size, flexibility, or quality — usually all three — and we ended up having to remake all the poor-quality components.

We needed an “ultimate starter” kit for new freelance projects and design systems, rather than having to start from scratch each time. We were sick of rebuilding the same common components over and over again... It's also the boring part in the design process!

Untitled UI was built to solve this. We’ve thought of everything you need to design modern and beautiful UI and websites and have wrapped it into one neatly organized package.

You can use this UI kit in unlimited projects. In fact, we designed it this way — to be as neutral, flexible, and scalable as possible to use as a kickstarter for any project.

Does Untitled UI include the new Figma features?

Yes! In less than a week after Figma's new features were announced at Config 2022, we released a completely refactored Untitled UI v2.7 that includes Figma's redesigned Auto Layout 4.0, component properties, individual strokes, and many other new features.

We're always working to make Untitled UI better than ever. You can follow along with updates to Untitled UI via our changelog.

Is Untitled UI affiliated with Figma?

Untitled UI is not affiliated with Figma or Figma's team, nor is it endorsed or sponsored by Figma. We're just big fans!

Is there a free version available?

Yes, we have a free version of Untitled UI available for you to try out! It's an incredibly powerful and large UI kit for Figma in it's on right, but it doesn't use the latest component property features announced at Config 2022. You can duplicate this UI kit here and use it in as many projects as you'd like.

What does the free version include?

The free version of Untitled UI is essentially a slimmed-down version of the full UI kit. It includes global styles, basic components, and a few page examples. Try it out here!

Is there a dark mode version of the kit?

Not at the moment. There are dark versions of some of the components (e.g. footers), but not an entire dark mode version of the kit.

Do you have an affiliate program?

Yes, we do! We've recently launched our affiliate program — a simple and easy way to make money for referring people to Untitled UI. Get 30% of every sale you refer. There's no limit on how much you can earn.

Do I need to know how to use Figma?

This design system does take full advantage of Figma's more advanced features, including nested components, variants, Auto Layout 4.0, interactive components, and the new component properties announced at Config 2022.

If you're new to Figma, or keen to learn best practices, check out our free version to see if it's a good fit. The full version will always be here whenever you are ready. We also recommend checking out Figma's Help Center for the best tutorials on these features.

Do I need to pay for Figma?

Figma's Starter plan is 100% free for individuals. If you want to use more advanced features such as team libraries, you'll need to purchase a Professional plan. However, Figma have generously announced all the paid perks of their plans are 100% free for students and educators! You can learn more at Figma Education.

Is there a version for Sketch or XD?

Unfortunately, no. There are no plans to do a Sketch or Adobe XD version of Untitled UI. Figma is life.

What does "lifetime access" mean?

Once you have purchased the UI kit, you will have access to all of the future updates, free of charge. We'll let you know when updates and improvements are made.

Is it a one-time payment?

Just a one-time payment! No recurring charges or surprises, we promise.

How does support work?

If you're having trouble with Untitled UI, we're here to try and help via We're a small team, but will get back to you as soon as possible.

We also recommend checking our Figma's Help Center for the best tutorials on more advanced features, such as components, variants, Auto Layout 4.0, interactive components, and component properties.

Do you provide tutorials?

Not yet, but we're working on it! In the meantime, we've done our best to make it as intuitive as possible and we're adding even more notes and documentation to components.

Can I use it for commercial projects?

Of course! We'd love to see it. You can use this UI kit to build any type of commercial business, website, app, or project. You can also use it to create unlimited designs for clients and charge them for your services (we won't tell them).

However, you can't use Untitled to create another UI kit, theme, or template, even if it's not in Figma. Please read our License Agreement before purchasing.

Can I use it for multiple projects?

Absolutely! You can use Untitled UI for as many projects as you like. Please read our License Agreement before purchasing.

Can I use this to create and sell a product?

Of course not. You may not use this to build, sell or distribute products on your website or on marketplaces. This includes UI kits and templates for other platforms and software. License agreements exist for people like you. Please read our License Agreement before purchasing.

Can I get an invoice?

Yes! Click the "Generate" button on your receipt from Gumroad after your purchase, and you can generate a detailed invoice with any additional information you need. If you forgot, no stress! Just shoot us an email at

Can I upgrade to a team license?

No worries, we'll discount the amount you've paid for the single license. Just shoot us an email at

Can I use Untitled UI with more than 5 users?

Absolutely! Just shoot us an email at before purchasing and we'll help sort it out based on your team size.

Is payment secure?

We use Gumroad to handle the tricky payment process. They use secure 128-bit SSL encrypted payments, so you're pretty safe!

What is your refund policy?

We're only happy if you're happy. If there are any issues, reach out via within 30-days and we'll issue a full refund!

None of our competitors offer refunds, which we thought was a bit sketchy. We back Untitled UI 100% and know you'll love it too. We only ask that you please try out the free version of Untitled UI and preview the full version before purchasing to make sure it's right for you.

Please note that you'll no longer be able to use Untitled UI in any projects if we issue a refund (including personal/non-commercial projects). We think that's pretty fair!

Do you provide an education discount?

We offer a 50% discount for students which is far more generous than our competitors. Just shoot us an email at before purchasing! Make sure you use your student email or attach a valid student ID/proof.

Do I need to pay for Figma if I'm a student?

Figma's Starter plan is 100% free for individuals. If you want to use more advanced features such as team libraries, you'll need to purchase a Professional plan. However, Figma have generously announced all the paid perks of their plans are 100% free for students and educators! You can learn more at Figma Education.

How do I access updates after purchasing?

After each update, we’ll send you an email with what’s new and post it in our changelog. If you like what you’re reading, you can download the new files:

  • From your Gumroad library if you make an account
  • By clicking View content or Access Untitled UI in your original purchase email (this will update automatically). These are sent from with the subject You bought Untitled UI – Figma UI kit and design system!
How do I update my Figma file with the new updates?

There are three ways to go about this, depending on how you’re working:

  1. Figma recently announced a swap library feature and you can learn how it works here. We recommend making a backup before.
  2. If you’re not interested in everything that's changed, it’s likely easier to copy+paste any new components into your current file and then simply swap the styles out in those components to your local styles.
  3. If you’re using a copy of Untitled UI as a base for each project, start fresh with a copy of the newest version next time you kick one off!
Can I split up the library into smaller files?

Absolutely! Figma recently introduced a move published components feature to deal with just this.

This allows you to split up the library into smaller libraries that can be published independently. For example, you may want to split the file into four libraries:

  • Styles and shared components
  • Marketing components
  • Application components
  • Page examples

You don't have to split up the library if you don't want to — it's entirely a personal preference and it can be easier to manage a single library.

We suggest trying out a single library, but moving all the example pages to a separate file once you've published the library. This way they'll always be there if you need them, but it'll remove ~40% of the file size from your file in one go!

Why isn’t the library split up already?

Good question! Currently, it isn’t possible to import more than one file at a time into Figma without breaking links to instances in the design system across the files.

Because of this, the file needs to be imported together and then split up into separate libraries (if you want to do that) after it’s imported. Hopefully, this functionality will be introduced soon!

Show more FAQs