Ce que reçoit l’agent
Une frame, un zip. Une structure pour construire, des assets à utiliser, une image pour vérifier.
frame.zip
├── context.md Start here: instructions for your agent
├── design/
│ ├── nodes.json Layout, text, styles and expanded instances
│ ├── fonts.json Font faces the visible text uses, with node ids
│ └── variables.json Bound variables, collections, modes and aliases
├── assets/ Image fills, SVGs and composited node renders
├── assets.json Maps design references to asset files
├── references/screen.png A render of the frame to compare against
├── missing-assets.json Anything that could not be produced
└── manifest.json File roles, media types, sizes and SHA-256 hashes
Besoin d’un seul élément ? La CLI le fait directement :
npx -y @runkids/figlens find design.fig "login" --type FRAME # ids de frames par nom ou texte
npx -y @runkids/figlens inspect design.fig 12:345 # résumé compact de la mise en page et du texte
npx -y @runkids/figlens nodes design.fig 12:345 > frame.json # JSON au format REST
npx -y @runkids/figlens export design.fig 12:345 icon.svg # SVG, PNG, JPG, WebP ou AVIF
npx -y @runkids/figlens bundle design.fig 12:345 frame.zip # le zip ci-dessus
Les exports SVG intègrent les image fills d’origine et convertissent le texte en glyphes vectoriels, donc aucune police n’est nécessaire. Via MCP, les exports raster reviennent aussi en images inline : l’agent voit le design sans ouvrir de fichier.
Quelle est la proximité avec Figma ?
Mesurée par rapport aux exports JSON, PNG et SVG de Figma lui-même sur 826 frames de production et cinq fichiers Community (2026-10-22) :
| Contrôle | Résultat |
|---|---|
| Structure des nodes, noms, visibilité, bounds et texte | Identiques dans 771 / 826 frames |
| Image fills d’origine | 2 608 / 2 608 identiques à l’octet près |
| Assets SVG | 5 014 / 5 197 dans le seuil de différence de pixels |
| Bundles de frames Community | 306 / 306 sans asset manquant |
Résultats sur ces fichiers, pas une garantie pour tous les designs. Méthode et seuils : rapport de précision.
Cette page est générée à partir de docs/README-fr.md dans le dépôt.