loading…
Search for a command to run...
loading…
Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.
Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.
Vibe Design meets Figma.
https://github.com/user-attachments/assets/bf38e37d-57bb-40b3-a2d1-f89216117c11
Project Status: Vibma is no longer under active development. Figma has launched native MCP capabilities through Figma for Agents, and the Vibma plugin was not accepted to the Figma marketplace due to "overlap" with this first-party offering.
Vibma is not an official Figma tool. For production use, we recommend Figma's native MCP integration and encourage you to follow Figma's official updates for the latest agent capabilities.
The source code remains available under MIT for learning and reference. We recommend reading Figma's Terms of Service before using Vibma to ensure compliance with their platform policies.
Vibma helps AI agents produce structurally sound Figma files — proper auto-layout, design tokens, component architecture, and reusable design-system patterns.
Vibma works with any MCP-capable LLM, but model quality matters.
| Tier | OpenAI | Claude | Gemini | Open Source |
|---|---|---|---|---|
| Baseline | GPT 5.2 Medium | Claude Sonnet 4.6 | Gemini 2.5 Flash | Kimi K2.5 |
| Recommended | GPT 5.4 | Claude Opus 4.6 | Gemini 3.1 Pro | Kimi K2.6 |
| Guide | For | |
|---|---|---|
| 📦 | DRAGME.md | Clone the repo, build from source |
| ☁️ | CARRYME.md | Install from npm, zero cloning |
| 📖 | Docs | Tool reference — parameters, response schemas, examples |
Or paste this to your AI agent:
Set up Vibma so I can vibe-design in Figma.
Follow the instructions at https://raw.githubusercontent.com/ufira-ai/vibma/refs/heads/main/CARRYME.md
All core tools work without API keys. Two optional integrations add library discovery and stock photos:
| Env var | Enables | How to get it |
|---|---|---|
FIGMA_API_TOKEN |
Library — discover published team library components and styles | Figma Settings > Security > Personal access tokens |
FIGMA_TEAM_ID |
Default team for library discovery | The number in figma.com/files/team/<ID>/... |
PEXELS_API_KEY |
Images — search and place stock photos | pexels.com/api/key (free) |
The Figma PAT requires two scopes: File content (Read) and Team library content (Read). See the setup guides for step-by-step instructions with screenshots.
GitHub Issues — bugs and feature requests
Vibma is the first open-source project from ufira — a platform bridging creators and technology.
Built on cursor-talk-to-figma-mcp by sonnylazuardi. Icon search and insertion powered by the Iconify public API — an open-source unified icon framework providing 200,000+ icons from 100+ collections. Stock photos by Pexels — free for personal and commercial use. Please read the Pexels Terms of Service and credit photographers in production.
Добавь это в claude_desktop_config.json и перезапусти Claude Desktop.
{
"mcpServers": {
"vibma": {
"command": "npx",
"args": [
"-y",
"@ufira/vibma"
]
}
}
}pro-tip
Поставил Vibma? Скажи Claude: «запомни почему я установил Vibma и что хочу попробовать» — попадёт в твой Vault.
как это работает →