Powerful Figma Design System for creating websites

Universal Design System is a powerful tool for creating landing pages, websites and dashboards in Figma.

  • UNIVERSAL UI KIT
  • UNIVERSAL DATA VISUALIZATION
  • UNIVERSAL ICON SET
Features

Everything you need to design interfaces in Figma, all in one place.

Unlock limitless possibilities for your design process.

Pre-made Templates
Pre-made Templates

A wide range of templates to fulfill your specific requirements.

Ready-made Sections
Ready-made Sections

Speed up your work with ready-made sections for building interfaces.

UI Kit components
UI Kit components

Highly effective UI Kit components for creating landing pages, websites, and dashboards in Figma.

Data Visualization components
Data Viz components

High-quality components for creating charts and infographics in Figma.

High quality icon set
High quality Icons

High-quality icon set for websites, apps, social networks, prints.

Products

Access UI Kit, Data Visualization and Icon Set all together in one place!

Design interfaces more effectively with the Universal Design System. Our products work together seamlessly in one system for your convenience.

Screenshot of a Universal UI Kit showcasing various UI elements such as buttons, sliders, badges, tabs, checkboxes, and date pickers in different styles and configurations.Screenshot of a Universal UI Kit showcasing various input field designs, including labeled text inputs, inputs with tags, and inputs with different border styles and captions.Screenshot of a Universal UI Kit showcasing various button designs in different colors, including blue, gray, and red, with various states and styles.Screenshot of a Universal UI Kit showcasing various checkbox and radio button designs, including labeled checkboxes, radio buttons, and toggle switches in different states.Transparent frame
Universal UI Kit
The Most Universal UI Kit for Figma

The new generation tool for creating interfaces in Figma. Save your work time and kickstart any project.

Learn more
Screenshot of a Universal UI Kit showcasing various UI elements such as buttons, sliders, badges, tabs, checkboxes, and date pickers in different styles and configurations.Screenshot of a Universal UI Kit showcasing various input field designs, including labeled text inputs, inputs with tags, and inputs with different border styles and captions.Screenshot of a Universal UI Kit showcasing various button designs in different colors, including blue, gray, and red, with various states and styles.Screenshot of a Universal UI Kit showcasing various checkbox and radio button designs, including labeled checkboxes, radio buttons, and toggle switches in different states.Transparent frame
Universal Data Visualization
Charts and infographic constructor

High-quality tool for creating charts and infographics in Figma.

Learn more
Screenshot of a Universal Data Visualization showcasing various data visualization elements, including line charts, bar charts, pie charts, maps, and other graphical representations of data.Screenshot of a Universal Data Visualization displaying multiple line graphs. These graphs show data trends over time, including subscribers, profile views, downloads, average revenue, and other metrics.Screenshot of a Universal Data Visualization showcasing various pie charts. These pie charts represent data such as asset allocation, screen time, personal spending plan, and viewership by country.Screenshot of a Universal Data Visualization showing various map-based visualizations, including search areas, revenue by region, weather, sales performance, and other geographical data representations.Transparent frame
Screenshot of a Universal Icon Set showcasing a variety of icons in different styles, including solid, line, and duo-tone designs. The icons represent various objects and actions, such as envelopes, gears, hearts, and more.Screenshot of a Universal Icon Set in a line style. The icons are black and white, representing various objects and actions like percentages, cameras, flags, and more.Screenshot of a Universal Icon Set in a solid style. The icons are black and white, depicting various objects and actions such as shopping bags, hearts, play buttons, and more.Screenshot of a Universal Icon Set in a duotone style. The icons are designed with two shades, representing various objects and actions like mail, graphs, tags, and more.Transparent frame
Universal Icon Set
High-quality vector icons

You can easily change an instance settings depending on your goals.

Learn more
Screenshot of a Universal Icon Set showcasing a variety of icons in different styles, including solid, line, and duo-tone designs. The icons represent various objects and actions, such as envelopes, gears, hearts, and more.Screenshot of a Universal Icon Set in a line style. The icons are black and white, representing various objects and actions like percentages, cameras, flags, and more.Screenshot of a Universal Icon Set in a solid style. The icons are black and white, depicting various objects and actions such as shopping bags, hearts, play buttons, and more.Screenshot of a Universal Icon Set in a duotone style. The icons are designed with two shades, representing various objects and actions like mail, graphs, tags, and more.Transparent frame
File

All in one file

Experience unlimited design power with our Figma file that is well-organized and easy to access, anytime and anywhere.

500+ variants of 25 Web UI Kit components

500+ variants of 25 Web UI Kit components

100+ variants of 9 Data Visualization components

2 724 high-quality vector icons (908 icons x 3 styles)

2 724 high-quality vector icons (908 icons x 3 styles)

Ready-made Sections

Pre-made Templates

Pre-made Templates

Getting Started (Guide)

Compact view

The file structure is simple and easy to start working with it.

Compact view. A screenshot of a design tool interface showing the 'Layers' and 'Assets' panels. The 'Layers' panel lists various pages including 'Getting Started,' 'Playground,' 'Foundation,' 'Components,' and 'Sections.' The 'Assets' panel displays 'Local components' with folders for 'Sections' and 'Components,' featuring placeholders for various component assets.
Organized by categories

The assets are organized in a structured system, allowing you to quickly find the elements you need.

Organized by categories. A screenshot of a design tool interface displaying three sections labeled 'Input and selection,' 'Indicators and status,' and 'Buttons.' Each section contains placeholder blocks representing different components related to the respective categories.
Examples

Unlimited power

Create stunning landing pages, websites, and dashboards with ease using the powerful Universal Design System tool in Figma.

Web pages, including dashboards, account creation forms, error pages, maps, and blog layouts, are created using the Universal Design System by 123done in Figma.
Licenses

Get Universal Design System

Projects require different types of licenses. Choose your one.

1 year of updates

Perfect for solo designers, developers, creators and freelancers.

$227 $149

Then $69/year • Cancel anytime

Buy now
  • Single user license
  • 1 year of free updates
  • Personal or commercial projects
Lifetime updates

Perfect for solo designers, developers, creators and freelancers.

$307 $229

One-time payment

Buy now
  • Single user license
  • Lifetime free updates
  • Personal or commercial projects
Custom service

Custom Figma Design System based on the Universal Design System.

$5,999

3-4 weeks for development

Contact us
  • We'll create a custom Figma Design System for your project based on the Universal Design System and your instructions
  • Up to 20 users
  • Personal or commercial projects
1 year of updates

Best for startups, teams, business or enterprise organisations.

$681 $447

Then $217/year • Cancel anytime

Buy now
  • Up to 20 users
  • 1 year of free updates
  • Personal or commercial projects
Lifetime updates

Best for startups, teams, business or enterprise organisations.

$921 $667

One-time payment

Buy now
  • Up to 20 users
  • Lifetime free updates
  • Personal or commercial projects
Custom service

Custom Figma Design System based on the Universal Design System.

$5,999

3-4 weeks for development

Contact us
  • We'll create a custom Figma Design System for your project based on the Universal Design System and your instructions
  • Up to 20 users
  • Personal or commercial projects

Safety payments provided by Lemon Squeezy.

5.0
5.0
Info
Version24.03.12
FormatFigma, IconJar, SVG
Last updateFeb 15, 2024
Features
  • All shapes are vector based
  • Easy to change (Support Figma's Variants)
  • Easy to change color and font
Updates

Version 24.03.12 (Mar 12, 2024)

Updated Universal Icon Set

Version 24.02.15 (Feb 15, 2024)

Updated Universal Data Visualization

FAQs

Need help?

Here are answers to our most frequently asked questions.

The subscription is required if you want to receive product updates.

Yes, of course, you can cancel your subscription at any time.

Yes, of course, you will be able to use the products for personal and commercial projects after your subscription ends.

If you purchased through Lemon Squeezy:

  • From your My Orders page if you made an account.
  • By clicking ”Download” button in your original purchase email. These are sent from hello@lemonsqueezy-mail.com with the subject ”You purchased …”

If you purchased through Gumroad:

Figma's Starter plan is 100% free for individuals. If you want to use more advanced features such as team libraries, dev mode, or multiple variable modes, you'll need to purchase a Professional plan.

If you have any questions or require additional information, please do not hesitate to contact us. We welcome your feedback about the product at hello@123d.one

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

We use Lemon Squeezy and Gumroad to handle the payment process. They use secure SSL encryption, so you're very safe!

Yes, of course. We'll discount the amount you've paid for the commercial license. Just send us an email at hello@123d.one

Yes, certainly. We will discount the amount you've already paid for the product (UI Kit, Icon Set, or Data Visualization) that is included in the Universal Design System. Please send us an email at hello@123d.one

If you purchased through Lemon Squeezy:

  • From your My Orders page if you made an account. Just click the ”Generate Invoice” button.
  • By clicking ”Generate” link in your original purchase email. These are sent from hello@lemonsqueezy-mail.com with the subject ”You purchased …”

If you purchased through Gumroad:

  • By clicking the ”Generate” button on your receipt from Gumroad after your purchase.

You can use our products for any commercial project. Feel free to create unlimited designs for clients and charge for your services.

But please note that you can't use it to create another UI Kit, icon set, theme, or template, even if it's not in Figma. Be sure to review our License Agreement before purchasing.

We offer a 50% student discount. Please email us at hello@123d.one before making your purchase, and make sure to use your student email or attach valid student ID/proof.

We typically respond within 2 business days, but it may take up to a week in some cases. If you haven't found our email in your inbox, please check your junk mail folder and ensure that hello@123d.one and hello@123d.one are added to your White List or Safe Sender List.

If you still haven’t received an email, reach out to us on Instagram or X (Twitter).

We will do our best to answer your request as soon as possible.