Sprocket Rocket Design System

Welcome to the Sprocket Rocket Design System v2, optimized for efficient and straightforward design in Figma. Perfectly integrated with Sprocket Rocket PRO, this updated system simplifies your design workflow, allowing you to focus on creating high-quality projects effortlessly.

  • 150 Section Components – these are all Modules available in Sprocket Rocket PRO
  • Removed the need for external libraries, making the SR Design System compatible with Figma's Free plan
  • New Content Block component to simplify spacing between commonly used content elements (Icon, Tagline, Heading, Subheading, Body, Buttons)
  • New simplified Card component – now all cards have consistent padding
  • New Flex Grid component to be used for accurate spacing when nested
  • New Input / Input Group components for consistent spacing when creating forms
  • Redesigned Style Guide
  • Redesigned Welcome page

Download latest version

Walkthrough Video

Changelog

v2.0.1

  • added new "Elements" components – these are Custom Modules that can be used within the HubSpot drag&drop builder to create custom Sections
  • updated Welcome screen to include version and project name
Download

March 14, 2024

v2.0.0

Launched the new SR Design System v2 🎉

  • 150 Section Components – these are all Modules available in Sprocket Rocket PRO
  • Removed the need for external libraries, making the SR Design System compatible with Figma's Free plan
  • New Content Block component to simplify spacing between commonly used content elements (Icon, Tagline, Heading, Subheading, Body, Buttons)
  • New simplified Card component – now all cards have consistent padding
  • New Flex Grid component to be used for accurate spacing when nested
  • New Input / Input Group components for consistent spacing when creating forms
  • Redesigned Style Guide
  • Redesigned Welcome page
Download

March 11, 2024