Massachusetts Design System

The Design System (formerly Mayflower) is a shared resource that helps designers and developers create clear, accessible, and consistent digital experiences for people using state services and programs.

Featured resources

Our mission

The Massachusetts Design System provides guidelines, resources, and assets for all state agency websites and applications. The Mass Digital team leads the design system, with support from agencies and partners across the Commonwealth. It offers shared tools and guidance to help teams build better digital products efficiently. 

Introducing Figma libraries

Figma is the preferred design tool used by Mass Digital. Mass Digital manages a shared Figma Enterprise account that lets agencies work together on design. The Design System team provides libraries of styles and core components that teams can use across projects. This helps teams work together to build services that are modern, easy to use, and help people get what they need.

Why we use Figma libraries

  • Efficiency and reuse: Save time by starting with ready-to-use design components and templates.
  • Consistency across agencies: Use consistent colors and typography to create a clear experience that residents can recognize and trust.
  • Built-in accessibility: Follow keyboard and screen reader guidelines to make digital experiences easy for everyone to use.

Help Us Improve Mass.gov  with your feedback

Please do not include personal or contact information.
Feedback