Charts and infographic constructor

High-quality tool for creating charts and infographics in Figma

Components

9

Blocks

200+

Dashboards

4
Categories

Essential data visualizations in one place

Use them for any dashboards, professional presentations, billboards and even in your TED Talks.

Line Graph

48 variants

Donut Chart

14 variants

Pie Chart

14 variants

Bar Chart (Vertical)

8 variants

Bar Chart (Horizontal)

16 variants

Heat Map

3 variants

Metric

6 variants

Street

3 variants

World Map

16 variants

Step 01

Easy drag & drop

To add an element just drag component from the “Assets” panel and drop it to the work area.

Step 02

Flexible modification

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

For example, a Line Graph trend or Pie Chart numbers of sectors.

You can also combine any instances to create your individual design.

Step 03

Quick color and font changes

You can use the default color scheme and font or change them to create your own design.

Start creating
Ready to use

Pre-made dashboards

You can use them in your projects.

Flight information dashboard, created using the Universal Data Visualization by 123done in Figma
Map and accommodation price dashboard, created using the Universal Data Visualization by 123done in Figma
Sales and traffic analysis dashboard, created using the Universal Data Visualization by 123done in Figma
Stock performance dashboard., created using the Universal Data Visualization by 123done in Figma
Ready to use

80+ pre-made blocks

A large variety of ready-made blocks for your project. You can easily change and mix them according to the needs and style of your design.

Various types of charts and infographics, created using the Universal Data Visualization by 123done in Figma
Inside

All in one file

You will find everything to create your unique data visualizations in one Figma file.

Getting Started (Guide)

Getting Started (Guide)

4 pre-made Dashboards

200+ pre-made Blocks

200+ pre-made Blocks

9 Components

Styleguide

Styleguide

105 Icons

Licenses

Get Universal Data Visualization

Projects require different types of licenses. Choose your one.

1 year of updates

Perfect for solo designers, developers, creators and freelancers.

$79

Then $39/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.

$119

One-time payment

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

Custom Figma Data Visualization based on the Universal Data Visualization.

$2,999

3-4 weeks for development

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

Best for startups, teams, business or enterprise organisations.

$237

Then $117/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.

$357

One-time payment

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

Custom Figma Data Visualization based on the Universal Data Visualization.

$2,999

3-4 weeks for development

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

Safety payments provided by Lemon Squeezy.

5.0
5.0
Save 30%
Universal Design System

Access the UI Kit, Data Visualization, and Icon Set in one place.

Learn more
Info
Versionv3.0
FormatFigma
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 3.0 (Feb 15, 2024)

Now with Variables

Version 2.3 (Aug 14, 2023)

Added New Blocks (Dark Theme)

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

Universal Data Visualization 1.0 - Charts and infographics constructor in Figma | Product Hunt