<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1059590667558673&amp;ev=PageView&amp;noscript=1">
Skip to main content
Get Started
sr-icon-figma + 800px-Figma-logo 1

The Sprocket Rocket
Design System.

Elevate Your Figma Workflow with the new Sprocket Rocket Design System v2.

150+ Section Modules

Ready to be used out of the box.
sr-locations-01 sr-cards-articles-02 sr-three-col-features-01 sr-one-col-media-02
sr-articles-01 sr-offer-two-col-03-1 sr-video-slider-01 sr-pricing-01 sr-two-col-10
sr-one-col-features-01 sr-tabs-split-screen-01-dark sr-tabs-02 sr-cards-image-01

All Gain, No Pain

Let’s face it. Design Systems can be a pain to work with and oftentimes add unnecessary complexity to your designs. This one is different.
No External Libraries

Compatible with Figma's Free plan for straightforward design integration without extra libraries.

Content Block Component

Streamlines design with even spacing for icons, taglines, headings, and buttons for visual consistency.

Simplified Card Component

Uniform spacing and styles across sections for visual coherence, enhancing design flexibility.

Flex Grid Component

Enables intricate layouts with nested grids, offering design freedom for detailed sectioning.

Input & Group Components

Ensures consistent spacing for forms, simplifying input alignment for neat and accessible designs.

Style Guide

Outlines visual and functional design elements for consistent color, font, and spacing use, guiding cohesive designs.

Elevate Your Figma Workflow