Shipfaster UI

As a product design studio, we frequently transition from one project to another, necessitating increased project efficiency.

‍

To achieve this, we recognized the need to systematize our workflows, leading to the development of our internal Figma UI Kit & Design System. Our goal was to create and launch one of the most utilized UI kits for Figma users.

We started by collating all the different components we had previously designed across various projects.

‍

Following this, we conducted extensive research to identify any additional common components that would be necessary. This led to the design and construction of Shipfaster UI. Additionally, we developed the official Shipfaster UI website using Webflow to provide a comprehensive resource for users.

Our discovery process was focused on systematizing all our existing workflows and design processes.

‍

We pinpointed the most commonly used UI components across numerous projects and standardized breakpoints, viewport sizes, and general design guidelines.

‍

To ensure the website was as user-friendly and informative as possible, we meticulously analyzed feedback from past customers to effectively organize and present the site content.

We diligently ensured that each component was crafted to be scalable and versatile. Given the variety of component versions available, it was crucial to allow end users to easily switch between them. For instance, our input field comes in three styles, and we designed the interface to enable users to seamlessly toggle among these styles while working on projects.

‍

The design of the website was strategically focused on conversions. We aimed to immediately capture users' attention with familiar Figma design elements, such as the distinctive sidebars. Following this initial engagement, we structured the website to clearly present all relevant content, addressing any potential questions users might have.

Shipfaster UI has been embraced by nearly 4,000 designers worldwide, earning an average rating of 4.9 out of 5.

‍

It has become a fundamental tool in all our design projects.

‍

We are continuously improving the UI kit, with the current version being 2.7, and we are committed to regularly updating it to fulfill our customers' evolving needs.