Apply your design system guidelines in Figma Make
Figma Make reads MCP servers as custom connectors. Create one pointing at UI Rules and Figma Make builds with your brand styles, rules, and component vocabulary.
Custom connectors need a paid Figma plan. The Make file has to belong to a paid team; one marked Free won't offer them. On Organization and Enterprise plans an admin may have to allow them.
You sign in to UI Rules as part of the setup, so there is no key to copy. The Connect dialog in the workspace top bar shows the same steps when you pick Figma Make.
Create the connector
Open the connectors
In Figma Make, open + → Connectors. Click Manage if it is shown.
Start a new connector
Under Created by you, click Create connector.
Name it
Add the name and an optional logo, then click Next. The Connect dialog offers the UI Rules logo as a download.
- Name:
UI Rules
Point it at the server
Paste the MCP server URL and click Create. Leave Advanced settings empty.
- MCP server URL:
https://mcp.uirules.com/mcp
Connect
Click Connect on UI Rules, then authorize the project in your browser.
Set the tool permissions
Back in Figma, set All read tools to Always run. Leave All write tools on Ask to run, because they change your brand's rules and tokens.
Check the connection
Ask "Is UI Rules connected?" to check.
Troubleshooting
If the connector does not work or Figma Make ignores your brand, see Troubleshooting.
