Menu de la documentation · Ce que reçoit l’agent
Langue Français

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.