Vibma

БесплатноПоддерживается

Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.

автор: GitHub Actions

GitHub Embed

Описание

Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.

README

简体中文

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

Discord

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

from github.com/ufira-ai/vibma

Установить Vibma в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE

unyly install vibma

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add vibma -- npx -y @ufira/vibma

Пошаговые гайды: как установить Vibma

Установить Vibma в Claude Desktop Установить Vibma в Claude Code Установить Vibma в Cursor Установить Vibma в VS Code

FAQ

Vibma MCP бесплатный?

Да, Vibma MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Vibma?

Нет, Vibma работает без API-ключей и переменных окружения.

Vibma — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Vibma в Claude Desktop, Claude Code или Cursor?

Открой Vibma на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.