Massachusetts Design System

Our mission

The design system is a collaborative effort led by the Mass Digital team at the Executive Office of Technology Services and Security, with contributions from agencies and partners across the Commonwealth. Together, we’re building shared resources that give teams a solid foundation for design and development, supported by clear documentation and guidelines that help deliver better products, faster.

Introducing Figma libraries

Figma is the preferred design tool of Mass Digital, offering a collaborative workspace for creating digital experiences. The Design System team provides shared libraries of styles and core components that teams can use across projects, helping designers and engineers work together. Our goal is to help teams deliver modern, inclusive, and efficient services that meet constituents where they are and help them get things done with confidence.

Why we use Figma libraries

Efficiency and reuse

Save time by starting with ready-to-use design components and templates.

Consistency across agencies

Create a cohesive experience residents can recognize and trust with consistent colors and typography.

Built-in accessibility

Follow implementation guidelines for keyboard and screen reader control to ensure that digital experiences are easy to navigate for everyone.

Joining the state owned Figma account

Mass Digital manages a shared Figma Enterprise account that supports design collaboration across agencies.

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