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.

Our mission

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. It lets teams work together to design digital experiences. 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.

Joining the state-owned Figma account

Mass Digital manages a shared Figma Enterprise account that lets agencies work together on design. 

Learn more about the value that Figma provides and how access is managed.

Help Us Improve Mass.gov  with your feedback

Please do not include personal or contact information.
Feedback