design-md-figma

About design-md-figma

DESIGN.md generator for Figma - TypeUI This Figma plugin extracts local styles and system signals from the current file and generates editable and outputs that you can use with tools such as Google Stitch, Claude Code, Codex, and others to build interfaces with a consistent design-system blueprint. The generated files are based on the open-source TypeUI DESIGN.md format. Getting started Load the plugin in Figma Desktop: Install dependencies: Build the plugin: In Figma Desktop: Open Plugins - Development - Import plugin from manifest...

agentic agents agentskills design design-md design-system designmd figma skill typeui

Quick Facts

Stars	93
Forks	15
Language	TypeScript
Category	Codex Skill
License	MIT
Quality Score	71.2695726894945/100
Last Updated	2026-05-25
Created	2026-03-09
Platforms	claude-code, codex, node
Est. Tokens	~5k

Compatible Skills

These tools work well together with design-md-figma for enhanced workflows:

bridge — semantic(0.39)+complementary+rare_topics+same_lang+similar_pop+shared_platform (73%)
awesome-claude-design — semantic(0.59)+complementary+rare_topics+similar_pop+shared_platform (69%)
extract-design-system — semantic(0.36)+complementary+rare_topics+same_lang+similar_pop+shared_platform (67%)

More Codex Skill Tools

Explore other popular codex skill tools:

openclaw ⭐ 382.2k
hermes-agent ⭐ 211.4k
ui-ux-pro-max-skill ⭐ 101.6k
graphify ⭐ 80.2k
graphify ⭐ 77.1k
open-design ⭐ 76.2k
agent-skills ⭐ 71.4k
career-ops ⭐ 59.1k
taste-skill ⭐ 56.5k
system_prompts_leaks ⭐ 53.8k

View all Codex Skill tools →

Popular TypeScript Agent Tools

openclaw ⭐ 382.2k · Codex Skill
n8n ⭐ 195.7k · MCP Server
dify ⭐ 148.2k · MCP Server
gstack ⭐ 120.5k · Agent Tool
gemini-cli ⭐ 105.8k · MCP Server

Frequently Asked Questions

What is design-md-figma?

design-md-figma is Figma plugin that extracts local style guidelines and generates DESIGN.md and SKILL.md files for AI tools such as Claude Code, Codex, Cursor, and other AI tools. It is categorized as a Codex Skill with 93 GitHub stars.

What programming language is design-md-figma written in?

design-md-figma is primarily written in TypeScript. It covers topics such as agentic, agents, agentskills.

How do I install or use design-md-figma?

You can find installation instructions and usage details in the design-md-figma GitHub repository at github.com/bergside/design-md-figma. The project has 93 stars and 15 forks, indicating an active community.

What license does design-md-figma use?

design-md-figma is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Codex Skill tools