Connect zeroheight to Figma. Use with Figma Make or with Figma agent in design files so AI-generated prototypes and designs reference your design system documentation . The connector gives Figma read access to your styleguides via MCP, so guidelines, components, and patterns are available as context while generating or refining designs.

This article covers setup for design system maintainers (Admins and Editors). If you're a design system consumer looking to connect Figma to design system context in zeroheight, ask your design system team to set up access for you. See Set up MCP via link.

Note: Access to individual styleguides is controlled by the Access via Login setting in styleguide settings. See Set up MCP via login.

Add the zeroheight partner connector

The zeroheight Figma partner connector can only be used by users who have access to a zeroheight account on the Enterprise plan and have an Editor or Admin seat.

To add the zeroheight connector, click the + icon in Figma Make or Figma agent, choose Connectors then Manage.

Then click Connect next to the option for zeroheight.

A tab will open in your browser where you'll need to login to zeroheight and authorise Figma to access the MCP.

Click Approve and return to Figma. After a second or two you'll see details about the connection and the available tools.

Optionally set each tool to Always run so Figma can use them without confirmation each time

Using the zeroheight connector

Once added you can either invoke the connector via the + icon in Figma. Click Connectors then select the zeroheight connector or by typing @ into the prompt and selecting the zeroheight connector:

Once you've connected the zeroheight connector to Figma , you can ask that Figma ensures the prototypes or designs it makes adhere to your guidelines in zeroheight. For example you could prompt Figma with "Create me a checkout page that adheres to the guidelines in @zeroheight".

Information on the tools available via the connector here.

Share access with your team

The partner connector is only available to Editors and Admins. Design system consumers (viewers) need to connect via a custom MCP connector using MCP via link.

Publish a custom connector

You can also publish a custom connector so team members can connect using a single shared URL. Note that all users of a published custom connector connect via the URL configured during setup — activity will be associated with the user who generated that URL.

First you need to setup a personal custom connector:

1. In Figma , click the + icon, choose Connectors, then Manage
2. Go to the Personal tab and click + Create connector
3. Give the connector a name — the name of your design system works well

4. Add a description. The description influences how Figma  uses the connector. You can use this:

   This connector helps Figma  work from your design system documentation, so prototypes stay on track from the start. Build testable proofs of concept faster using documented components, rules, and patterns — with this connector as the source of truth.

    

5. Click Next, paste your MCP URL into MCP server URL, and click Create
6. Click Connect next to your new connector
7. Optionally set each tool to Always run so Figma  can use them without asking for confirmation each time.

Then you can publish your personal connector so anyone in your team can use it. Instructions from Figma here.