Make your design system work for AI agents.

Onefold scans your Figma library and your codebase, scores how well AI agents can actually use them, and tells you what to fix first.

Check your AI readiness Or start with a free DESIGN.md

Project

ACME DS

Sources

GitHub + Figma

Coverage

5 / 5

AI Readiness Score

59/100

Partially ready

01Agent context45
02Token integrity72
03Component discoverability58
04Design-to-code alignment51
05Validation readiness80

For teams building with

Claude Code
Cursor
Codex
GitHub Copilot
Windsurf
Gemini CLI

Giving an agent Figma access doesn’t teach it your system.

So it guesses, and you catch the guesses in code review.

01Rebuilds what you already haveYour Button exists. The agent writes a new one.
02Hardcodes your colors#3b82f6 where color-action should be.

03Guesses when Figma and code disagreeUsually wrong.
04Ships without checkingNo stories or visual tests to run against.

Connect GitHub, Figma or both.

Start with whichever you have. Add the other later to see where design and code drift apart.

GitHub

01AGENTS.md, CLAUDE.md and Cursor rules
02CSS variables and Tailwind theme
03Components, props and variants
04Storybook stories and tests

Figma

05Variables and collections
06Components and variants
07Component descriptions
08Duplicated styles

Every lost point comes with proof.

Five dimensions, weighted by how much they change what agents build. Each finding shows where it came from and what to change. How the score works

01Agent context20%
02Token integrity20%
03Component discoverability25%
04Design-to-code alignment25%
05Validation readiness10%

Finding

Button

Priority

High

Match

Probable

Button variants are not aligned

Variant	Figma	Code
default
secondary
destructive
ghost
outline
link

Add outline and link to Figma, or remove them from code.

Nothing you can’t verify.

01Read-onlyOnefold never writes to your repository or Figma file.
02Linked to the sourceEvery finding opens the file, line or Figma node behind it.

03Guesses are labelledInferred matches stay probable until you confirm them.
04No penalty for gapsIf Onefold can’t measure something, it doesn’t count against you.

Your brand, in a file your agents read.

No design system needed. Onefold turns your website into a DESIGN.md that Claude Code, Cursor and Codex follow. Free, and you don’t need an account.

01Paste your URLOnefold pulls the colors, fonts and tone from your live site.
02Fill the gapsTake the suggested dark theme or type scale, or set your own.
03Commit the fileYour agents pick it up on their next prompt.

Create your free DESIGN.md

Primaryfrom #6d4aff

50100200300400500600700800900950

Button5.1:1 AA

Suggested for youyours to change

Grayssuit a cool brand

Status colorswon’t clash

Dark themefrom your scales

Type scalebalanced

Voicefriendly

DESIGN.mdread by your agents

1# Acme
2
3## Color
4- color-action     #6d4aff
5  Primary buttons and links
6- color-danger     #dc2626
7  Errors and destructive actions
8- color-surface    #ffffff
9- color-text       #0f172a
10
11## Shape
12- radius-card      8px
13- shadow-card      `soft`
14
15## Type
16- font-sans        `Inter`
17- text-body        16px / 1.5
18
19## Voice and tone
20We sound warm, plain and encouraging.
21Say what happened, then what to do.
22
23## Avoid generic AI-generated UI
24- No decorative gradients
25- No em dashes in copy
26- No emoji in buttons
27
28<!-- Don't worry, the real file has more :) -->