Figma Design System
Design Sprocket Rocket pages in Figma before you build them.
The Sprocket Rocket Design System is a Figma library that mirrors the Sprocket Rocket module set, so a page can be designed in Figma and then rebuilt in the Page Builder without redrawing every section.
It includes pre-built section components, layout and card components, form and input components, and a style guide for shared colors, typography, and spacing. It works on Figma's free plan.
The design system is included with the Stack and PRO portal licenses. See Pricing for what each license includes.
Download the Figma Design System and see its changelog
Once a design is ready, apply the shared styles in Theme settings so the built page matches it, then assemble the page from modules.