Figma integration
Keep Figma and code in sync , map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direction, use the Figma MCP when connected, and verify component parity (va
Catalog record
Installable source artifact
This page explains the direction locally, then links to the exact upstream artifact and its verified install command.
What this gives you
A clearer brief for the agent.
Turns design intent into reusable tokens, components, states, and constraints.
Expected result
A UI language that stays consistent while the product grows.
Use it when
You are defining foundations or fixing repeated UI drift across screens.
Source repository stars
502
Source repository · verified 2026-08-17
Install status
Installable source artifact
figma-integration · Skills CLI
Install this skill with one command.
This exact source artifact can be installed in your project with the Skills CLI.
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill figma-integrationSkill name: figma-integration · installs into the agent directory selected by the CLI.
Related directions