The Atom: Figma UI Kit & Design System

Access 8,000+ Customizable components to supercharge your design workflow.

A UI Kit & design system to speed up your workflow

Shipfaster UI is designed to set you up for success
book_icon
8,000+ Customisable components
Our wide range of components are ready to help you build even the most complex designs in just a few clicks.
media_resources_icon
10,000+ Media resources
Explore a collection of icons, logos, device mockups, badges, and more to suit your design, however you need.
global_styles_icons
300+ Global Styles
Accessible design styles from text styles that snap down to a 4-point grid to color, gradients, and blurs.
layout_icon
280+ Page templates
Ready-to-use, expertly crafted pages tailored to your needs, designed to perfection using the best design system.
accessibility_icon
Accessible Design
Designed with accessibility in mind, all components are WCAG 2.1 compliant.
webflow_icon
Webflow Ready
Every component in the kit is built using Auto-Layout for easy converting the designs from Figma to Webflow using plugins.

Create with over 800+ Figma components

Shipfaster UI is designed to set you up for success
sticky_alerts
Sticky Alert - ( 4 Variants )
tabs
Tabs - ( 8 Variants )
tooltip
Tooltip - ( 12 Variants )
pagination
Pagination - ( 8 Variants )
steps
Progress Steps - ( 6 Variants )
rating
Rating - ( 3 Variants )
stats_cards
Stats Cards - ( 6 Variants )
progress_bar
Progress Bar - ( 33 Variants )
scroll_bar
Scroll bar - ( 2 Variant )
FAQ_Dropdown
FAQ Dropdown - ( 3 Variants )
modal
Modal - ( 6 Variants )
input_field
Input Field - ( 29 Variants )
file_upload
File upload - ( 5 Variants )
breadcrumbs
Breadcrumbs - ( 16 Variants )
loader
Loader - ( 4 Variants )
button_group
Button Group - ( 15 Variants )
data_picker
Date Picker - ( 2 Variants )
form_controls
Form Control - ( 6 Variants )
cookie_banner
Cookie Banner - ( 12 Variants )
avatars
Avatars - ( 57 Variants )
buttons
Buttons - ( 120 Variants )
alerts
Alerts - ( 3 Variants )
badges
Badges - ( 135 Variants )
titles
Titles - ( 6 variants )
cards
Cards - ( 2 variants )
payment_cards
Payment Cards - ( 2 variants )
icon_library
Icons - ( 6438 variants )
device_mockups
Device Mockups - ( 14 variants )

Who is this for?

Save time with a design system and UI kit that works for your workflow
student_icon
Junior Designers & Students
Learn how to utilize fundamental building blocks to get started in UI design while following the best design practices.

seniour_designer_icon
Senior Designers
Explore a collection of icons, logos, device mockups, badges, and more to suit your design, however you need.
independent_designer_icon
Independent Freelancers
Design, test, and iterate faster with a library of drag-and-drop customizable components and templates.

team_of_experts_icon
Design Teams & Startups
Ready-to-use, expertly crafted pages tailored to your needs, designed to perfection using the best design system.
product_design_icon
Product Designers
Designed with accessibility in mind, all components are WCAG 2.1 compliant.
developer_icon
Developers & Engineers
Every component in the kit is built using
Auto-Layout for easy converting the designs from Figma to Webflow using plugins.

Contact us

Have a question or need assistance?
Drop us a quick message, and we'll get back to you as soon as possible.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.