od-figma-migration (scenario)

SkillMedia

Lets your agent turn Figma designs into HTML pages through a four-step extract, map, generate, and review pipeline.

Then ask your AI: use the od-figma-migration (scenario) skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.

No other account needed.

Add it as a step in a pipeline you build on Ahel, or connect Ahel to Claude, ChatGPT, Cursor, Claude Code or Codex and ask your AI to use it.

About this skill

Default reference pipeline for the figma-migration taskKind, figma-extract → token-map → generate → critique.

What this skill tells your AI

The instructions your AI receives, as published by nexu-io/open-design in plugins/_official/scenarios/od-figma-migration/SKILL.md and read by Ahel’s review.

Spec §1 / §10.1 / §21.3.1 / §23.3.3: the canonical figma-migration flow. The pipeline is sequenced so each stage's output is the next stage's input — figma-extract writes figma/tree.json, token-map writes token-map/colors.json (etc.), and generate reads both before producing the HTML artifact.

Default pipeline

{
  "stages": [
    { "id": "extract",  "atoms": ["figma-extract"] },
    { "id": "tokens",   "atoms": ["token-map"] },
    { "id": "generate", "atoms": ["file-write", "live-artifact"] },
    {
      "id": "critique", "atoms": ["critique-theater"],
      "repeat": true,
      "until": "critique.score>=4 || iterations>=3"
    }
  ]
}

Required GenUI surfaces

The scenario expects two oauth-prompt / form surfaces from the plugin layer:

figma-oauth — oauth.route='connector', connectorId='figma', persists at the project tier so multi-conversation work doesn't re-prompt.
file-pick — kind='form', captures the Figma file URL on the first turn so figma-extract knows where to read.

The daemon auto-derives the figma-oauth surface when od.connectors.required[].id='figma' is declared and the connector isn't yet authorised (spec §10.3.1 implicit oauth-prompt rule).

Signals

GitHub stars: 100k
Forks: 12k
Last commit: Oct 2026

Ahel review

S4info
community integration, published by nexu-io, not figma

Automated review, not a security audit. Ruleset v1+k2.

Advanced

Item type: skill
Key: od-figma-migration
Source: github.com/nexu-io/open-design

github.com/nexu-io/open-design