Reviews

Changelog

FAQs

Version v.2.6

Shipfaster UI: Figma UI Kit & Design System

Access 8,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 740 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
160+ page templates
400+ global styles
3,400+ media assets
8,000+ Customizable components
Detailed documentation
Free lifetime updates

Buy Now

For Teams

$200

Single payment

for agencies, design teams and enterprises

Up to 5-user license
160+ page templates
400+ global styles
3,400+ media assets
8,000+ Customizable components
Detailed documentation
Free lifetime updates

Buy Now

Reviews from our students

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

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

Allen E

UX/UI Designer

Practical User Research & Strategy

I’m loving it! I’m learning so much and already applying it to my current job!! This course has helped me tremendously and also gained a lot of confidence as a Product Designer. Wouldn’t be where I am at today without your course. I also highly recommend Figma Masterclass as well to your other students as well :)

Submitted on

May 11, 2023

Danny B

UX Designer

Ultimate Figma Masterclass

I knew I’d learn a lot from this course when I joined- but man, I was blown away. I learned so much about configuring effective and efficient auto layouts, not to mention a streamlined process into turning those auto layouts into responsive pages. I learned how to efficiently create and organize a design system for multiple projects. The best part is that the whole curriculum is based off of a real project, so you are shown how and why he makes the choices he does throughout the entire process.

Submitted on

Anna M

UX Designer

Ultimate Figma Masterclass

This is the best course if you want to level up your Figma skills and project management. I found a lot of information that I've implemented to my working process, and it was a game-changer for me. Thank you for this fantastic masterclass!

Submitted on

Aditya M

UX/UI Designer @ Accenture

Shipfaster UI

The Designership's Design System is crazy good and efficient! There's no way you should be missing on it. Try for yourself and see its diverse nature across different projects!⚡

Submitted on

Binu P

Experience Architect & Design Engineer

Ultimate Figma Masterclass

Love the YouTube channel and course I just recently purchased it :) looking forward to tidying up my Figma skills and especially the handover (lack of a better word) techniques and getting myself organised. Keep the material going, love the delivery of the program kudos to you it’s a lot of handwork. Take care and stay safe and well.

Submitted on

Ben M.

UX/UI Designer

Ultimate Figma Masterclass

If you're someone who wants to learn, develop and truly master your design skills in Figma and UX/UI, then this course is the real deal. It's designed and structured to take you through a real world project and design process that you'll also get to apply throughout this course, enhancing what you learn in a practical way by actually doing it. what's makes it even sweeter is having access to a great community of designers to connect with and resources available which is a huge bonus to your learning. If you're self-taught, new to UI design or Figma like myself, this will cut down your learning curve significantly. Mizko's free YouTube content combined with this course will make you a pro in UI design and Figma in no time. Mastering design systems and auto-layout to create responsive designs is a game changer! You'll quickly see the value once you start and your level of confidence and understanding in the design process would've reached new heights by the time of completion. 100% recommend investing in this course. It was invaluable. Thank you Michael!

Submitted on

Candice Y.

UX Designer

Ultimate Figma Masterclass

This course has been a gem! It draws on each section very clearly and in a simplified way where it is easy to understand. He explains the not just the how to do, but also the why - which makes you grasp the concept more strategically. I use some of these tips and tricks for my current work, which makes my workflow so much more efficient and effective. Thank you so much Mizko for all the work and teachings. Highly recommend! 👏🏻

Submitted on

Bina T

UX Designer

Ultimate Figma Masterclass

The Ultimate Figma & UI Masterclass is unquestionably an outstanding course for those who aspire to be at the top of their game. Mizko's passion to teach and mastery in the subject matter comes through with clarity and precision. He possesses a deep understanding of the principles which are relayed beautifully in the projects with step by step instructions & examples. His delightful manner will keep you engaged, motivated, deeply focused and there is an abundance of encouragement from chapter to chapter that will keep you progressing through the course material at an accelerated pace. My confidence has sky-rocked since and I can't wait for the next series of courses the Mizko Universe has to offer. This course is vital!

Submitted on

James O

UX/UI Designer

Ultimate Figma Masterclass

The Ultimate Figma + UI Masterclass is a must-do regardless of your experience. It filled a bunch of gaps in my process, the kind of gaps you develop when you're self taught in a tool. Extremely detailed and refreshingly logical. All aspects of your process was covered.

Submitted on

Share your review

How did you like Shipfaster and Outline? Share your experience with others.

Submit your review

Last updated 30th Oct, 2023

Changelog

This Shipfaster UI is constantly updated by the Designership team.

December 4, 2023

Version 2.6

Meet Shipfaster UI v2.6: Your new and improved design UI kit! 🚀 We've upgraded our components and added user-friendly variants to simplify your design process. Get ready for clearer labels, more dynamic states, and a sleeker interface. Plus, we've fixed the small issues and made finding icons a breeze.

Shipfaster UI v2.6 is all about making your design work faster and easier. Speed up your workflow—see the changes below.

Changelog:

Improvement and configuration of all the main components
Refined semantic naming and dynamic states
New & improved variants for:
Progress Step and Progress Bar
Sidebar
Input Fields
Stats
A new set of icons for File Formats
Improved semantic naming and states
New header variants in the marketing samples
Modified neutrals for better contrast and compatibility with our main primary color
Improved Video Player component
Fixed missing component properties and variants
Descriptions and tags for easier searching of icons
New and refined visuals for marketing sections
Off-site component documentation

Shipfaster UI v.2.6 is updated just for you. We aim to bring you an elevated design experience with regular design system updates. Be the first to know about the latest news and changes to Shipfaster UI by subscribing to our newsletter.

October 30, 2023

Version 2.5

Variety matters. A wider selection of component variants to work with ensures a broader audience gets the best possible experience. That’s why Shipfaster UI 2.5 is packed with new components, even more variants, and refined states.

Changelog:

Updated icon set in the latest heroicon
New "labels" text style in typography foundation to differentiate from paragraphs and headings
More grid layouts for a responsive guide to sidebar grids
More sizes and enhanced colors for Focused rings
New flag resource with complete country names and ISO
Added updated social and media logo icons
New pie chart components
New chip components
New video player components
More variant styles and enhanced states for accordions
More variant styles for badges
More variant styles and enhanced states for breadcrumbs
New icon, social, and social group components for buttons
New organizational components and templates for data display
New and specific date and time picker with more variants
More variant styles and enhanced states for file uploads
More variant styles and enhanced states for form control
More variant styles and enhanced states for inline alerts
Enhanced states, layout and component properties for input fields
More variant styles and enhanced states for loaders
More variant styles and enhanced states for progress bars
Marketing pages samples now have all responsive views from desktop to mobile

Shipfaster UI v.2.5 is updated just for you. We aim to bring you an elevated design experience with regular design system updates. Be the first to know about the latest news and changes to Shipfaster UI by subscribing to our newsletter.

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