Bêta privée ouverte

Figma

Codex

Ne vous contentez plus d’une capture d’écran. Donnez à votre agent IA la structure réelle de vos designs pour obtenir des interfaces plus précises.

scaffold - workspace

Figma input

Button/Primary

Card/MetricCard

Avatar/UserGroup

Nav/Sidebar

Input/SearchBar

Badge/Status

JSON context

# Button/Primary
component: "Button"
variant: "Primary"
tokens:
  bg: $color.brand.purple
  text: $color.neutral.white
  radius: $radius.md (10px)
  padding: 14px 28px
states:
  hover: opacity 0.85
  active: scale 0.97
  disabled: opacity 0.4
props:
  label: string
  icon: ReactNode?
  onClick: () => void
# -> prêt pour Codex / Cursor

// Comment ça marche

Du design au code,
sans traduire à la main.

Scaffold remplace les allez-retours entre design et agent IA par un fichier JSON qui référence tout votre design.

Sélectionnez votre frame

Choisissez n'importe quelle page, section ou composant dans Figma.

Figma Plugin Temps réel

Exportez le contexte

Scaffold extrait automatiquement la structure complète de votre design.

Structure Components JSON

Générez votre interface

Ajoutez le fichier JSON à votre projet et demandez à votre agent IA de le lire et de si référer avant de coder.

VS Code Cursor IDE

L'IA code avec une fidélité maximale

L'agent reçoit exactement ce qu'il faut : noms, props, tokens, comportements.
Résultat : moins d'hallucinations, moins de corrections, un code qui correspond vraiment au design.

Codex Gemini Claude Cursor

// Fonctionnalités