Shipfaster UI: Figma UI Kit & Design System

A UI kit & design system to speed up your workflow

Shipfaster UI is designed to set you up for success

Features

1. 6,000+ Customizable componentsOur wide range of components are ready to help you build even the most complex designs in just a few clicks.
2. 2,800+ Media ResourcesExplore a collection of icons, logos, device mockups, badges, and more to suit your design, however you need.
3. 150+ Global StylesAccessible design styles from text styles that snap down to a 4-point grid to color, gradients, and blurs.
4. 140+ Page templatesReady-to-use, expertly crafted pages tailored to your needs, designed to perfection using the best design system.
5. Build designs even fasterWork with 3-level blocks and build your own to create and customize any of your components.
6. Resources within reachSpeed up media and style sourcing. Access an extensive library of media assets and global styles.
7. Accessible designsDesigned with accessibility in mind, all components are WCAG 2.1 compliant.
8. Pixel-perfect designsEvery 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

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 blocksCreate 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

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