by bergside · Codex Skill · ★ 93
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
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... Select from this project Run Design MD Skill Generator Curated design skills Check out curated design systems at typeui.sh/design-skills. Available actions Switches between
| 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 |
These tools work well together with design-md-figma for enhanced workflows:
Looking for a design-md-figma alternative? If you're comparing design-md-figma with other codex skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 62 commands, 15,0
A virtual design studio for Claude Code — 27 slash commands, 13 specialist roles, full design-to-code pipeline
An example agent demonstrating streaming, tool use, and interactivity from your terminal. This agent builder c
🌋 Build AI agents that seamlessly combine LLM reasoning with real-world actions via MCP tools — in just a few
TapeAgents is a framework that facilitates all stages of the LLM Agent development lifecycle
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest
Explore other popular codex skill tools:
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.
design-md-figma is primarily written in TypeScript. It covers topics such as agentic, agents, agentskills.
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.
design-md-figma is released under the MIT license, making it free to use and modify according to the license terms.
The top alternatives to design-md-figma on Agent Skills Hub include naksha-studio, design-studio, agent-builder. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.