<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
What's the difference between Sprocket Rocket Core and PRO? Join our weekly PRO demo to find out! REGISTER HERE
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.
fi-rr-palette-1
No External Libraries

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

fi-rr-comment-alt
Content Block Component

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

fi-rr-browser
Simplified Card Component

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

fi-rr-layout-fluid-1
Flex Grid Component

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

fi-rr-database
Input & Group Components

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

fi-rr-folder-add
Style Guide

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

Elevate Your Figma Workflow