Figma path (included)

The system isn't HTML-only — you get a full Figma wireframe library, deck→JSON skill, and plugin. Tokens and components match the HTML kit. Use MCP or manual build; same vocabulary either way.

Workflow

  1. Open included .figFigma File.
  2. Install plugin — Plugin guide.
  3. Photograph deck → run deck-figma skill (see kit .claude/commands/).
  4. Confirm layout; copy JSON (ChatGPT chat works great here — AI tools).
  5. Paste in plugin → Build Wireframe.
  6. Polish in Figma with the library.
This is a major part of the kit. Workshops, handoff, and teams already in Figma get the same card logic as HTML — not an afterthought.

Figma kit deck docs (same JSON/plugin flow)