A collage of components found in the Shipwright design system
Shipwright Logo

FREE UI KIT &
DESIGN SYSTEM TOOL FOR FIGMA

By filling out this form you agree to receive future marketing emails and newsletters from Headway.

NEVER START FROM
SCRATCH AGAIN

Design faster with the power of Figma. Quickly mock-up any design through a dynamic design system. The Shipwright UI Kit has all the components you need to take action.

An illustration of the Figma interface with the Shipwright design system and users collaboratingAn illustration of the Figma interface with the Shipwright design system and users collaborating

700

Components & Variants

Easily modified to fit your needs. Based on an 8px grid with a modular structure.

50

Page Blocks

Desktop and mobile so you can quickly get your marketing site up and running.

7

Form Patterns

Easily drop in common eCommerce and account creation patterns into your design.

BUILT FOR ANY
DESIGN PROJECT

Creating a new website? Maybe a mobile app? Shipwright’s component library empowers designers to quickly start, stylize, and execute any project.

An illustration using  Shipwright's calendar, graph, tool tip and button component.

Design Systems

Modifiable and expandable, Shipwright was designed to be a foundational element in your design system projects. Based on an atomic structure and loose 8px grids.

Marketing Design

Quickly customize the styles and leverage an expansive library of marketing site blocks along with their mobile counter parts.

An illustrated example of Shipwright's website block component.
An illustrated example of Shipwright's mobile components.

Product Designs

Desktop and mobile patterns are built right into the system. It's easy to use responsive components leverage the power of Figma’s autolayout.

WHY SHIPWRIGHT?

Stop starting new projects with a blank page. Shipwright was built to save you hours at the start of your project so you can get further faster.

Customize with ease

Bulk edit components to quickly get the base kit to look and feel like your own product.

Learning along the way

Video tutorials and documented education within the kit explain how to use and customize it to fit the specific needs of your product.

Interactive Components

Every stateful component is interactive by default thanks to the power of Figma.

TESTIMONIAL

WHAT DEVS SAY

“Shipwright makes big changes less scary.

It gives us clear design guidelines, so we're able to set up the project correctly...

Melissa Ganzfried

Developer @ Headway
See Case Study

COMING SOON

SHIPWRIGHT

PRO

Additional Prebuilt Components

Additional Management & Education

Data Visualization & More

Learn about the launch of Shipwright Pro and stay up to date with the latest design insights from the Design Team at Headway.

By filling out this form you agree to receive future marketing emails and newsletters from Headway.

DESIGN SYSTEMS

Need professional design assistance with your product’s design system? Headway can help your team build faster and more consistent products through an educational workshop or full implementation.

A man with a beard wearing a cap, glasses and red checkered shirt working on a computer at a standing desk.

Design System Workshop

Headway can help your team succeed by holding a design system workshop. Leveraging power of Shipwright, your team will have a design system in no time.

Looking over the shoulder of a man wearing a blue hoodie and black  cap as he works on his computer.

Design System Implementation

Don’t have the internal capacity or experience to create your own design system? Our team can work with you to  build or improve your design system.

Free Consultation