Media assets
Access a collection of 2,800+ assets from icons to mockups, and more
Shipfaster UI: Figma UI Kit & Design System
Our wide range of components are ready to help you build even the most complex designs in just a few clicks.
Explore a collection of icons, logos, device mockups, badges, and more to suit your design, however you need.
Accessible design styles from text styles that snap down to a 4-point grid to color, gradients, and blurs.
Ready-to-use, expertly crafted pages tailored to your needs, designed to perfection using the best design system.
Work with 3-level blocks and build your own to create and customize any of your components.
Speed up media and style sourcing. Access an extensive library of media assets and global styles.
Designed with accessibility in mind, all components are WCAG 2.1 compliant.
Every component in the kit comes together easily. Design with details that snap to a 4 and 8-point grid.
Create with over 740 Figma components
Responsive designs in minutes
Keep your workflow seamless with easily accessible icons, avatars, and device mockups
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
Designed for everyone in mind
Save time with a design system and UI kit that works for your workflow
Learn how to utilize fundamental building blocks to get started in UI design while following the best design practices.
Impress your clients by delivering high-quality outputs. Work quickly, earn more, and impress them all.
Design, test, and iterate faster with a library of drag-and-drop customizable components and templates.
Avoid wasting time and get right into the meat of what you want to create with the design system, with everything you need.
Speed up your development process and improve efficiency to code a cohesive design with development-ready templates.
Work smarter, skip rebuilding your components. Fast-track your workflow with tools that keep you designing speed.
Pay once, access for a lifetime
$90
- Single user license
- 160+ page templates
- 400+ global styles
- 3,400+ media assets
- 8,000+ Customizable components
- Detailed documentation
- Free lifetime updates
$200
- Up to 5-user license
- 160+ page templates
- 400+ global styles
- 3,400+ media assets
- 8,000+ Customizable components
- Detailed documentation
- Free lifetime updates
Reviews from our students
Here's what our students have to say about their experience.
I have used Figma for about a year but I learned so much from this course. The length of the course was great but I kind off wish it was longer because it was really fun. It had a perfect difficulty and incrementally got more challenging. I was really engaged all the way through this course.
Awesome course. Works for Junior and Senior designer. I really recommend this course - you will definitely learn something new.
I participated in the course for improving my Figma knowledge, especially regarding the way to speed up my workflow and, "wowowow", to be honest, I'm so happy to have done it, so my feedback is more than positive. The course has a lot of strengths (sections dedicated, exercises) but in my opinion, the added value is Michael and his capacity to communicate in a clear way. If I can suggest just one thing, I would add the subtitles to the videos, for all the rest, well done Michael and thanks.
Perfect course for everyone that wanna have a boost in your design process and use Figma as the main tool. Thank you so much Mizco and keep mentoring!!
I love this course. I think it really gives you all you need to become a Figma pro and start collaborating with devs and other designers alike. Also, great plugin recommendations!
Michael’s Figma Masterclass course was exactly what I needed to go from zero to hero! One of the best takeaways for me is how to document prototypes to work with developers. It’s something that’s a big work in progress for me, and I am glad I invested in the course. Best money spent this year!
It was the best course I did about Figma! I have learned a lot about design systems, organising my work, and how to animate screens and components (my weak point). Thanks to this content, I got a job recently! In my interview, I had to pass a design challenge with Figma, and I put into practice everything I learned in this course. And I got the job! Thank you so so so much Mizko! I HIGHLY RECOMMEND THIS COURSE!
I am a self-taught UX Designer and used to heavily rely on Instagram carousels, YouTube, and blog posts for growing my knowledge. I would follow Mizko's IG and had great expectations of this course. True to my expectations, I learned what I wanted to and more! This course was an eye-opener when it comes to good design practices, tips, tricks, and efficient collaboration/work. Essentially the way I approach UI design has changed for the better. I am amazed at the amount of effort and attention to detail that went into this course and commend Mizko for that. The course is 'designed' to not just theoretically teach us concepts but also to enable us with lifelong practices. Last but not least, the way Mizko delivers lessons is similar to how a friend is speaking with you -- always fun, never a snoozefest (with a sprinkle of humor). Overall, this course was exactly what I needed for building my skillset.
I highly recommend The Ultimate Figma Masterclass to anyone that needs to upgrade their prototyping skills. Mizko is the best instructor I have encountered on the subject, and I feel fortunate to have found him. He is precise, knowledgeable, clear, and very positive. All and all, it was a great experience!
The biggest challenge an older designer faces is the ability to learn new tools and apply its experiences. Figma Masterclass provided the creative support to lift my doubts of achieving my goals. The greatest reward I received from this course. I was able to impress a potential employer by auditing their current product with just few changes to become top candidate to join their team. Thank you Michael you have lifted me above the mist that swallows a designer facing Ageism.
Changelog
This Shipfaster UI is constantly updated by the Designership team.
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.
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.
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
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.
A few members reported seeing ‘3 missing libraries’ upon importing the design system.
- Fixed mission libraries issue.
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.
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
What is the Shipfaster UI Kit & Design System offered by Designership?
The Shipfaster UI Kit & Design System is Designership's premium toolkit crafted to help streamline your workflow with accessible design essentials. This includes 140+ templates, 150+ global styles, 6,000+ components, and more.
Who is the target audience for Shipfaster UI?
Shipfaster UI is designed for designers of every skill level, from beginners to experienced designers, aiming to enhance efficiency and consistency in their design projects.
How does Shipfaster UI differ from other Figma UI Kits?
Shipfaster UI offers an extensive library of components, pixel-perfect designs, accessibility-focused elements, and a seamless integration with global styles, setting it apart from standard Figma UI Kits.
Do I need to be experienced with Figma to use Shipfaster UI effectively?
No, Shipfaster UI is user-friendly and caters to both beginners and those familiar with Figma, making the design process intuitive for all. You should receive an email with instructions on how to open and install Shipfaster UI.
How customizable are the components in Shipfaster UI?
Every component within Shipfaster UI is designed for customization, giving designers the flexibility to adapt them to their specific project needs.
Can I use the media resources for commercial projects?
Absolutely, the media resources provided with Shipfaster UI are available for commercial project use, ensuring versatile design applications.
What does "Accessible designs" mean in this context?
Accessible designs ensure that the components and elements cater to a diverse range of users, including those with disabilities, promoting inclusivity in design.
How do the global styles work within Shipfaster UI?
Global styles in Shipfaster UI are foundational elements, enabling designers to achieve consistent typography, colors, and layout grids throughout their projects.
Are there any tutorials or guides on how to best use Shipfaster UI?
Yes, Designership provides comprehensive resources, tutorials, and guides to ensure designers can maximize the benefits of the Shipfaster UI kit.
Is there any support provided after purchasing the Shipfaster UI Kit & Design System?
Absolutely. Designership prides itself on offering support to its users, ensuring they can make the most out of the Shipfaster UI Kit & Design System post-purchase.