tokens-to-figma SKILL.md skillA

tokens-to-figma from tonygorb/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add tonygorb/skills/tokens-to-figma@git:20261013.8f735ab

Pins git:20261013.8f735ab in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
tonygorb/skills
Path
skills/tokens-to-figma/SKILL.md
Versions recorded
2
Latest version
git:20261013.8f735ab, committed Oct 13, 2026
First version recorded
Oct 13, 2026
Size
9,728 bytes
Repository stars
2
License
MIT

Push a codebase's design tokens into Figma as variables and modes. Use when the user says "sync tokens to Figma", "create Figma variables from code" or "push design tokens to Figma".

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Tokens to Figma

Mirror the code's tokens in a Figma file as variables: primitives as raw values, semantic tokens
as aliases with a Light and a Dark mode. Code stays the source of truth. Figma follows it, by name,
and every write is checked by reading it back.

## What it needs

Check all of these first. If one is missing, say what and stop.

1. **The Figma MCP server, connected, with its `use_figma` tool.** That tool runs Plugin API
   scripts in the file; it is how variables get written. Read-only Figma access is not enough.
2. **Figma's `figma-use` skill, if your agent has it.** Load it before the first `use_figma` call,
   every session. Skipping it causes failures that are hard to trace.
3. **A Figma file URL with edit access.** This skill writes into an existing file; it doesn't
   create one. With some setups the file must also be open in the Figma desktop app.
4. **A Figma plan with variable modes** (Professional or above). Starter files can't add a Dark
   mode, so `02 Semantic` can't hold Light and Dark there. On Starter, say so and stop.
5. **Tokens in the code**, readable: a tokens JSON file, a Tailwind v4 `@theme` block, or `:root`
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add tonygorb/skills/tokens-to-figma@sha256:a3d664678d89cf47

The line at the top of this page pins the label git:20261013.8f735ab, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_3c6clfy44tlq4vep.svg)](https://markdownregistry.com/a/art_3c6clfy44tlq4vep)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, all committed on Oct 13, 2026.

versioncommittedcommitsizeaudit
git:20261013.8f735ab latest2026-10-13 8f735ab 9,728 BA view · diff
git:20261013.bc9e4372026-10-13 bc9e437 9,357 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9728 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

tonygorb/skills · 2 stars · license MIT · pushed 2026-10-13 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_3c6clfy44tlq4vep
GET https://markdownregistry.com/api/v1/resolve?ref=tonygorb/skills/tokens-to-figma
GET https://markdownregistry.com/api/v1/blob/a3d664678d89cf47cc37f844259f86b9f57b047665d3898bb7bcad73075650b8

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from tonygorb/skills

concept-lab SKILL.md skill
tonygorb/skills · skills/concept-lab/SKILL.md · Build 3-5 real concepts side by side and let the user pick one. Use when the user says "show me options", "explore some…
git:20261013.8f735ab · audit A · 2 stars
design-within-what-exists SKILL.md skill
tonygorb/skills · skills/design-within-what-exists/SKILL.md · Change a screen with the patterns it already has, not new ones. Use when the user says "redesign this", "restyle this…
git:20261013.8f735ab · audit A · 2 stars
evolve SKILL.md skill
tonygorb/skills · skills/evolve/SKILL.md · Audit one part of the code and rank what to improve. Changes nothing. Use when the user asks "is this outdated" or "how…
git:20261013.bc9e437 · audit A · 2 stars
polish-design-system SKILL.md skill
tonygorb/skills · skills/polish-design-system/SKILL.md · Find hard-coded colours, propose tokens, apply them once approved. Use when the user says "polish the design system"…
git:20261013.8f735ab · audit A · 2 stars
review-a-screen SKILL.md skill
tonygorb/skills · skills/review-a-screen/SKILL.md · Check a screen in the browser at real sizes, like a designer would. Use when the user says "review this screen", "check…
git:20261013.bc9e437 · audit A · 2 stars
token-foundations SKILL.md skill
tonygorb/skills · skills/token-foundations/SKILL.md · Build or audit semantic design tokens in OKLCH, light and dark. Use when the user says "set up design tokens", "audit…
git:20261013.8f735ab · audit A · 2 stars
unugly SKILL.md skill
tonygorb/skills · skills/unugly/SKILL.md · Find what makes AI-built UI look generic, fix it once approved. Use when the user says "this looks AI-generated", "make…
git:20261013.8f735ab · audit A · 2 stars
verify-work SKILL.md skill
tonygorb/skills · skills/verify-work/SKILL.md · Prove a change works with real checks before calling it done. Use before saying work is done, or when the user says…
git:20261013.bc9e437 · audit A · 2 stars
wrap-up SKILL.md skill
tonygorb/skills · skills/wrap-up/SKILL.md · Close a task: list the changes, fix stale docs, run checks, draft the commit. Use when the user says "wrap up" or…
git:20261013.8f735ab · audit A · 2 stars

Every file in tonygorb/skills

Browse by kind, by grade A, or by owner.