Developer resources for the Massachusetts Design System

Help for state agency and vendor partner developers who are building consistent, accessible digital services with shared code, guidance, and reusable foundations.

The previous Mayflower design system code resources are not recommended for new projects. If your site is part of the Mass.gov Content Management System no changes are needed by your team.

What's available now

Developers can use these resources today:

• A design tokens npm package
• An iconography assets npm package
• Figma design specifications for the core component library with accessibility guidance

Learn more about design tokens  Learn more about the icon library  Learn more about Figma 

What's coming next

Mass Digital is building code resources that align with the Massachusetts Design System core component library in Figma. These resources will be released in phases as they are developed, reviewed, and tested for accessibility and screen reader support, beginning in August 2026.

Getting started with a dev seat in Figma

If you are joining a project with a designer working in the EOTSS Enterprise Figma account, a paid dev seat gives you access to developer tools in Figma.

The most useful Figma features for developers are the ones that help bridge design to implementation:

• Dev Mode lets developers inspect components, dimensions, variables, and tokens
• Variables and styles help teams keep code aligned with the design system
• Prototype mode shows intended behavior and navigation flow
• Component libraries support reusable implementation across teams
• Asset export helps developers download images and icons

1. Join an information session

Join an info session to learn more about the Massachusetts Design System resources.

Register for an info session 

2. Coordinate with finance

Figma is a subscription-based service. The cost of Figma seats for your project must be covered by the state organization overseeing it.

Seat roles and cost 

3. Request access

The state organization project lead must submit a Figma access request form. You will need to include the relevant finance information for the subscription chargeback.

Request access 

4. Schedule your onboarding session

Attending an onboarding session with the design system team is required for all developers joining with a dev seat in Figma. When the Business Application Request (BAR) is approved, a member of the design system team will reach out to you for scheduling. All project team members are welcome to join! 

During this session we will:

• Send invites to the correct workspaces in Figma for your team
• Provide an overview of the available resources
• Cover the best ways to use the shared assets in Figma, particularly if you are new to the tool
• Invite you to join the Design System Community of Practice
• Answer any questions that you may have!