Cette page est affichée en anglais. Une traduction française est en cours.
SkillsMay 13, 2026·2 min de lecture

design-md-figma — Generate DESIGN.md from Figma Styles

design-md-figma is a Figma plugin that extracts local styles and generates editable DESIGN.md/SKILL.md so agents build UIs consistently.

Prêt pour agents

Cet actif peut être lu et installé directement par les agents

TokRepo expose une commande CLI universelle, un contrat d'installation, le metadata JSON, un plan selon l'adaptateur et le contenu raw pour aider les agents à juger l'adaptation, le risque et les prochaines actions.

Native · 98/100Policy : autoriser
Surface agent
Tout agent MCP/CLI
Type
Skill
Installation
Single
Confiance
Confiance : Established
Point d'entrée
Asset
Commande CLI universelle
npx tokrepo install 1dc5c57f-0978-54c8-b3ae-7a9d48f86d8b
Introduction

design-md-figma is a Figma plugin that extracts local styles and generates editable DESIGN.md/SKILL.md so agents build UIs consistently.

Best for: Teams using AI coding tools who want design-system consistency from Figma

Works with: Figma Desktop, Node.js, TypeUI DESIGN.md format, Claude Code/Codex/Stitch

Setup time: 8-20 minutes

Key facts (verified)

  • GitHub: 82 stars · 15 forks · pushed 2026-04-27.
  • License: MIT · owner avatar + repo URL verified via GitHub API.
  • README-verified entrypoint: `npm install ````.

Main

  • Use it to export a stable design contract: generate DESIGN.md for tokens (colors/typography/spacing) and SKILL.md for agent constraints.

  • Run it on the same Figma file your team actually designs in so extracted variables/styles match reality, not a theoretical system.

  • Treat the generated markdown as versioned artifacts: commit them to your repo so agents and humans share the same source of truth.

Source-backed notes

  • README says the plugin extracts local styles/variables from the active Figma file and generates editable DESIGN.md and SKILL.md outputs.
  • README’s getting started flow builds the plugin with npm install + npm run build, then imports manifest.json in Figma Desktop.
  • README lists supported actions including auto-extract, toggling views, refresh, and downloading outputs.

FAQ

  • Is it a published Figma Community plugin?: README documents a local dev install via manifest import; follow upstream for distribution status.
  • What should I commit to git?: Commit the generated DESIGN.md/SKILL.md so UI changes can be reviewed like code.
  • Does it replace a design system?: No — it exports the system signals; you still need your Figma library and review process.
🙏

Source et remerciements

Source: https://github.com/bergside/design-md-figma > License: MIT > GitHub stars: 82 · forks: 15

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires