Reviews

Changelog

FAQs

Version v.2.4

Shipfaster UI: Figma UI Kit & Design System

Unlock over 6,000 customizable components to supercharge your design workflow.

Download link is sent to your email!

Oops! Something went wrong while submitting the form.

View Pricing

Preview in Figma

3,200+ happy Figma designers

No items found.

Used by designers and teams from

Features

A UI kit & design system to speed up your workflow

Shipfaster UI is designed to set you up for success

Preview in Figma

6,000+ Customizable components

Our wide range of components are ready to help you build even the most complex designs in just a few clicks.

2,800+ Media resources

Explore a collection of icons, logos, device mockups, badges, and more to suit your design, however you need.

150+ Global Styles

Accessible design styles from text styles that snap down to a 4-point grid to color, gradients, and blurs.

140+ Page templates

Ready-to-use, expertly crafted pages tailored to your needs, designed to perfection using the best design system.

Build designs even faster

Work with 3-level blocks and build your own to create and customize any of your components.

Resources within reach

Speed up media and style sourcing. Access an extensive library of media assets and global styles.

Accessible designs

Designed with accessibility in mind, all components are WCAG 2.1 compliant.

Pixel-perfect designs

Every component in the kit comes together easily. Design with details that snap to a 4 and 8-point grid.

Inclusions

No items found.

Pre-built components

Create with over 350 Figma components

Supercharge your wireframes with the freedom to explore endless possibilities

Responsive designs in minutes

Keep your workflow seamless with easily accessible icons, avatars, and device mockups

Media assets
Access a collection of 2,800+ assets from icons to mockups, and more

Text styles
Explore a handful of text styles that snap easily to the 4-point grid

Color and gradient styles
Customize design styles from gradients to blurs in one place

Customize design systems easily

Work with a unique method to building components more efficiently

3-level block approach
Customize any design component in a few clicks

Access building blocks
Create your own components with building blocks

Custom components
Build even the most complex designs with customizable components

Build smart, responsive designs

Work with a unique method to building components more efficiently

Auto layout 3.0
Components work with auto layout

4 and 8-point grid
Design with details that snap down to every pixel

WCAG 2.1 compliant
Designed with accessibility in mind

Customers

Designed for everyone in mind

Save time with a design system and UI kit that works for your workflow

Junior Designers & Students

Beginners / Novices

Learn how to utilize fundamental building blocks to get started in UI design while following the best design practices.

Independent Freelancers

Self-employed / Professionals / Digital-Nomads

Impress your clients by delivering high-quality outputs. Work quickly, earn more, and impress them all.

Design Teams & Startups

Beginners / Intermediate

Design, test, and iterate faster with a library of drag-and-drop customizable components and templates.

Product Designers

Intermediate / Advanced

Avoid wasting time and get right into the meat of what you want to create with the design system, with everything you need.

Developers & Engineers

Beginner / Advance

Speed up your development process and improve efficiency to code a cohesive design with development-ready templates.

Senior Designers

Intermediate / Advanced

Work smarter, skip rebuilding your components. Fast-track your workflow with tools that keep you designing speed.

Pricing

Pay once, access for a lifetime

We believe in keeping a simple and transparent pricing model

Individual

$90

Single payment

for solo designers, developers and freelancers.

Single user license
150+ global styles
2,800+ media resources
6,000+ components & variants
140+ templates
Detailed documentation
Free lifetime updates

Buy Now

For Teams

$200

Single payment

for agencies, design teams and enterprises

Up to 5-user license
150+ global styles
2,800+ media resources
6,000+ components & variants
140+ templates
Detailed documentation
Free lifetime updates

Buy Now

Reviews from our students

Here's what our students have to say about their experience.

Luis Veloz

UX/UI Designer

Practical User Research & Strategy

I just completed my journey on the Practical User Research Course from Designership! This course helped me structurize and focus my research on the things that are really important to the launch of any product. This is one of the best courses I've ever take in the UX/UI and Product Design Field. Thanks Michael Wong for all the knowledge and effort you did to bring us this incredible course!

Submitted on

July 31, 2023

Adriana C

Visual Designer

Ultimate Figma Masterclass

The course exceeded all my expectations by providing a real improvement in my web portfolio. The knowledge and techniques taught were exceptionally relevant, allowing me to improve my work significantly. I now feel more confident in my ability to create impactful and professional web designs. I deeply thank the course team for the quality of the content offered and for contributing to the development of my career. I recommend this course to everyone who wants to level up their portfolios and boost their skills in the digital world.

Submitted on

July 27, 2023

Cassi Seifert

UX/UI Designer

Ultimate Figma Masterclass

Very excited to have completed the Designership's Ultimate Figma Masterclass! A great resource I recommend for all my UX friends to get a deeper dive into animations, design systems, and file organization.

Submitted on

July 26, 2023

Tsvetan T

UX/UI Designer

Ultimate Figma Masterclass

It was an incredible learning journey, I learned so much about UI design and became Figma proficient. I really want to thank Mizko for creating this exceptional course and providing such expertise and guidance. Looking forward to applying my newfound skills in creating intuitive and visually stunning interfaces.

Submitted on

July 13, 2023

Thomas H

UX/UI Designer

Ultimate Figma Masterclass

Comprehensive knowledge boiled down into an easy-to-follow structure. I didn't have to look for multiple random YouTube videos. I'm excited to implement and have a better understanding of what web developers are doing. This has made me much more valuable to my company.

Submitted on

July 8, 2023

Marisa Costagliola

UX Consultant

Ultimate Figma Masterclass

Very practical. Encouraging. Useful. Talking about how to communicate to developers, how to organize your pages. Really everything was helpful. The Figma & UI Design Masterclass helped me level up to my peers and contribute on an advanced level in order to excel at my career, communicate UX principles, and delight users and stakeholders.

Submitted on

June 24, 2023

Alyssa D

UX/UI Designer

Practical User Research & Strategy

I'm 100% more confident when talking to stakeholders about User Research & Strategy and the importance of why it needs to be included in the process. I also have gained such a beautiful new understanding of my users that greatly influences my designs. All of the "guesswork" that I was doing is now real, meaningful work that has stats and research behind it.

Submitted on

June 16, 2023

Christopher Szabat

Product Designer

I'm thrilled to announce that I've recently completed the Figma Masterclass by Michael Wong Designership and earned my certification! 🎓 This course has been an incredible journey for me. It taught me not only how to use Figma effectively, but also how to organize my design work, create design systems, collaborate with clients, build responsive web pages, use autolayout, create prototypes, and so much more. The knowledge and skills I gained from this course have already helped me deliver better results for my clients. I want to express my sincere gratitude to Micheal Wong for creating such a comprehensive and insightful course. His expertise and passion for design are truly inspiring. I highly recommend this course to anyone who wants to level up their Figma skills and design workflow.

Submitted on

June 7, 2023

Raisa S

UX/UI Designer

Ultimate Figma Masterclass

This is the best course I can recommend to any designer who wants to get better. The course was about working in figma, but you start to understand even from programming and Motion design. Everything is so well organized that you don't even feel that the course is online. It is in very accessible English. I really liked both the course and my tuto, and I will continue to take other courses from him․ Very thankful for everything.

Submitted on

May 13, 2023

Syeda Samra

UX/UI Designer

Ultimate Figma Masterclass

A 100% recommended course. Very precise, to-the-point, and extremely helpful. Helped me learn to design like a pro in a few minutes.

Submitted on

May 12, 2023

Share your review

How did you find the Figma Masterclass? Share your experience with others.

Submit your review

Last updated 6th Sep, 2023

Changelog

This Shipfaster UI is constantly updated by the Designership team.

September 6, 2023

Version 2.4

With Shipfaster 2.4, we’ve focused on adding new styles and components in the Foundation section. There are new secondary color ranges, graphic elements and an all new featured Mockup page to supercharge the way you present your designs. We’ve fine-tuned every detail in v.2.4 of Shipfaster UI to help elevate your designs and keep up with the latest trends in the industry.

10 new linear palette gradient options
10 new mesh gradient palette options
Enhance Shadows to complement UI designs with natural-looking shadows
New blurred option (XXL) for Blurs
New 3D graphic elements to enhance your designs visuals
New divider lines to create spaces and sections in your designs
An all-new dedicated Mockup page which includes:
‍
Credit card
iPhone 14
iPhone 14 Pro
Screen Mock Up
iPad landscape & portrait
iMac
Macbook Pro

New avatar components including:
‍
Integrated avatar icons with indicator for badges, status, and notifications
Shape variant for the master component to easily switch up avatar shape

New breadcrumb variants with updated indicators
Updated designed marketing sections and pages with all new mock-ups and avatars, new secondary color palette (with over 12 color ranges) for more color options

June 15, 2023

(v.2.3)

Figma made some major updates to their platform in May 2022. This included component properties, a re-designed Autolayout, dark mode and much more. In v.2.3 of Shipfaster UI, we have decided to introduce a number of updates that have helped improve the kit’s performance and it’s relevancy with the latest updates.

Removed .styled components to improve the performance of our design system.
Updated all components with the new component properties and Autolayout feature.
Updated all templates with the revised components.
Migrated our icon system from ‘component variants’ to individual components, to allow for an improved toggling experience.
Added tablet and mobile versions for all templates.
Provided pre-designed templates for quick use.
Included a Shipfaster Starter template for anyone that wants to use a lighter version of our design system.

March 4, 2022

v2.2

A few members reported seeing ‘3 missing libraries’ upon importing the design system.

Fixed mission libraries issue.

June 15, 2022

v.2.1

We realised there was a small issue with some members not being able to load all the images in the design file. What we have learnt is that Figma is a browser-based app which means it’s subjected to a 2GB available memory limit that applies to each browser tab, including those in the desktop app. When loading or editing Figma files nears or or exceeds this memory limit, it can cause performance issues like long load times, crashes and others. Please keep in mind when using our design system, to limit the number of browser tabs you have opened.

Updated file thumbnails.
Moved checkboxes, radio buttons and toggles into a new section called Form Controls.
Compressed all JPG images in the file to reduce file size.
Members that raised images not loading have confirmed this has solved their issues.

January 17, 2021

v.2.0

Today we’re excited to announce the launch of our Shipfaster UI - A Figma Design System 2.0 🎉 This is our first major upgrade and overhaul to our design system.

150+ new global design styles.
2,800+ new media assets.
6,000+ components and variants.
140+ template examples.
Written instructions for every key component.
Master components provided with all primary components.

Frequently asked questions

Products

Sharpen your skills,
streamline your workflow

Premium products designed to help you impress stakeholders.

View Products