简体中文

Vibma

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.

Model Recommendations

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 |

• GPT 5.4 — best overall balance of tool competence and design taste.
• Claude Opus 4.6 — strongest tool use, but final designs can feel formulaic.
• Gemini 3.1 Pro — solid middle ground; GPT 5.4 currently edges it on both axes.
• Kimi K2.6 — performs well in following harness instructions, probably the cheapeast model that delivers a good experience overall.

Setup

| | 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

Optional: Library & Image Tools

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.

Community

GitHub Issues — bugs and feature requests

Vibma is the first open-source project from ufira — a platform bridging creators and technology.

Acknowledgments

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.

License

MIT