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.
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.