Дизайн
Screenshot To Code
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
★ 80,0 тыс. звёздMIT
Смотреть руководство →design-md-figma — проект с открытым исходным кодом из категории «Дизайн» от bergside (bergside/design-md-figma на GitHub). У него 153 звезды на GitHub и 20 форков, он распространяется по лицензии MIT и последний раз обновлялся на GitHub 25 мая 2026.
Figma plugin that turns your style guide into DESIGN.md and SKILL.md for AI
Add it from the Figma community page.
Load the design with your styles.
The plugin reads local styles.
Get DESIGN.md and SKILL.md for your AI.
Runs inside your design file.
Reads colors, type and components.
Design rules as a markdown file.
Agent-ready skill files.
For Claude Code, Codex, Cursor.
Free for commercial use with attribution.
Download the source and move into the project folder.
git clone https://github.com/bergside/design-md-figma.git
cd design-md-figmaEvery project documents its own setup; start with install requirements.
cat README.md | head -60Follow the project's launch command — Docker, pip, npm, or a binary release.
# see README for the exact launch commandIt is an open-source project at bergside/design-md-figma with 162 forks. Check the repo's contributors and recent commits to see how active maintenance is.
MIT licensed — commercial use allowed with attribution.
Claude Code, Codex, Cursor and other AI tools.
Local style guidelines — colors, typography, components.
One documents the design; the other packages it as an agent skill.
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Penpot: The open-source design platform for Product teams that need scalable collaboration
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
36 installable visual-design skills for Codex — turn photos into artwork
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
Другие проекты из категории «Дизайн» с наибольшим числом звёзд в каталоге LibreAI — реалистичный список альтернатив, если design-md-figma вам не подходит.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…
draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0
Соседние проекты из категории «Дизайн» в каталоге, ближайшие по числу звёзд к design-md-figma — продолжайте изучать полку по обе стороны от него.
Edgenuity automation bot — auto answers, delays and AI help for coursework
A coding-agent skill that builds production-ready slide decks.
36 installable visual-design skills for Codex — turn photos into artwork
3D tool to design roads and environments for autonomous vehicle testing
MCP agent toolkit that makes AI-written code more deterministic
Modular AI being with voice, face recognition and plug-and-play tools
Бесплатно и открыто — забирайте исходный код, ставьте звезду репозиторию и начинайте создавать.