Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
제작자가 쓴 설명(영어 원문)
AI interior design — restyle rooms, place furniture, and virtually stage spaces from a photo.
이 세 가지는 절대 하나의 점수로 합치지 않아요. 의견, 측정, 인기는 서로 다른 것이니까요.
이 서버는 아직 쉬운 말로 된 요약을 쓰지 못했어요. 아래는 레지스트리에서 읽어 온 사실이에요.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
MELTFLEX_API_KEY비밀로 표시된 값은 내 계정의 열쇠예요. 절대 다른 사람과 공유하거나 채팅에 붙여 넣지 마세요.
필요한 것
어떤 앱을 쓰세요?
위에서 앱을 고르세요. 기억해 두었다가 다음부터는 버튼에 “…에 설치”라고 표시해요.
Claude Desktop → Settings → Developer → Edit Config를 열고 claude_desktop_config.json에 이 내용을 붙여 넣으세요
{
"mcpServers": {
"meltflex": {
"command": "npx",
"args": [
"-y",
"meltflex-mcp"
],
"env": {
"MELTFLEX_API_KEY": "your-value"
}
}
}
}터미널에서 이 명령어를 실행하세요
claude mcp add meltflex --env MELTFLEX_API_KEY=your-value -- npx -y meltflex-mcp실행하기 전에 빈 값을 채워 주세요.
프로젝트의 .cursor/mcp.json 또는 ~/.cursor/mcp.json에 붙여 넣으세요
{
"mcpServers": {
"meltflex": {
"command": "npx",
"args": [
"-y",
"meltflex-mcp"
],
"env": {
"MELTFLEX_API_KEY": "your-value"
}
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
프로젝트의 .vscode/mcp.json에 붙여 넣으세요
{
"servers": {
"meltflex": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"meltflex-mcp"
],
"env": {
"MELTFLEX_API_KEY": "your-value"
}
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
이 서버는 내 컴퓨터에서 실행되는데, ChatGPT는 인터넷에 있는 서버에만 연결할 수 있어요. 다른 앱을 고르세요.
선택한 앱은 이 기기의 쿠키에만 저장돼요. 계정은 필요 없어요.
이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 6일 점검
레지스트리 이름이 GitHub 계정 MeltFlexDevs 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 1개 중 1개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: MELTFLEX_API_KEY
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 – 변경됐고, 최신 버전(0.2.1)은 5개월 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Figma Context MCP, Claude Real Video, Figma MCP Server
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
AI agent skills for photorealistic interior and exterior design and 3D via MeltFlex AI — restyle rooms, place real furniture, swap floors, walls, stairs, doors and windows, redesign kitchens, bathrooms, facades and gardens, and turn 3D drafts into photos, all from a single photo. Then go further: cinematic video walkthroughs, 2D floorplan → 3D model or rendered 3D picture, furniture photo → GLB 3D model, and photo → explorable 3D world. Works with Claude Code, Hermes, Cursor, Codex, Cline, and other AI agents that load Markdown-based skills or speak MCP.
Each user authenticates with their own MeltFlex API key; every generation is billed to their account credits. The skills call the public MeltFlex API directly, so there's nothing extra to install.
Interior redesign · floor restyle from a material · garden design — a few of the 16 image modes, all from one photo.
Furniture photo → 3D model · room render → explorable 3D world · 2D floorplan → 3D model. Real outputs of /api/v1/furniture-3d , /api/v1/world and /api/v1/floorplan-to-3d .
Pick one. Each method sets up the skills for your agent.
npx skills — recommended, cross-agentnpx skills add MeltFlexDevs/skills
gh skill install MeltFlexDevs/skills
Inside Claude Code:
/plugin marketplace add MeltFlexDevs/skills
/plugin install meltflex@meltflex
Universal fallback:
git clone --depth 1 https://github.com/MeltFlexDevs/skills.git
cd skills ./setup
More options in INSTALL.md. Agent-driven install (paste into your agent): INSTALL_FOR_AGENTS.md. Cline and other MCP-settings agents: llms-install.md.
You need an active subscription (any paid plan) — without one the key won't work. After subscribing at https://www.meltflexai.com/settings, open account settings → API Key under Profile, then Generate API Key (shown once — copy it):
Then expose it:
export MELTFLEX_API_KEY="mf_sk_xxxxxxxxxxxx"
If you use the MCP server / CLI, you can skip the copy-paste and sign in from the browser instead: npx -y meltflex-mcp auth login opens https://www.meltflexai.com/cli/authorize, mints a key from your signed-in session and stores it in ~/.meltflex/config.json (chmod 600).
| Skill | Invoke | Description |
|---|---|---|
| meltflex-design | /meltflex:design | Restyle a room, facade or garden; swap floors, walls, stairs, doors or windows; redesign a kitchen or bathroom; boost a layout; turn a 3D draft into a photo. 16 prompt-driven modes with quality levels, region editing and batches, plus video walkthroughs via the API. |
| meltflex-furniture | /meltflex:furniture | Place specific real furniture/decor products into a room photo, matching their exact colors, materials, and proportions (up to 10 reference items). |
| meltflex-3d | /meltflex:3d | 3D output: a furniture photo → GLB model, a 2D floorplan → GLB model or rendered 3D picture, a room photo → explorable 3D world (splat + hosted viewer). Handles the long-build polling. |
| meltflex-embed | /meltflex:embed | Put the design tool on your own website as an iframe: visitors design their room, or place your shop's products in it, without an account. Installs the code in HTML, React, Vue, Shopify or WordPress and fixes a blank frame. No API key. |
Image skills are self-contained: a room photo in, a photorealistic redesign out, 10 credits per image (auto-refunded on failure).
meltflex-design — 16 modes, each the same POST /api/v1/generate endpoint with a mode-tuned prompt:
| Mode | What it's for |
|---|---|
restyle | Change a room's style or theme |
virtual_staging | Furnish an empty room |
layout_boost | Rearrange existing furniture into a better layout |
declutter | Clean up / depersonalize a space |
exterior | Building facade / house exterior |
garden | Landscaping and outdoor design |
wall_texture | Change wall material or finish |
floor_restyle | Change the flooring |
stairs | Restyle a staircase in place |
doors | Swap interior doors |
windows | Swap window frames / glazing |
kitchen | Whole kitchen redesign |
bathroom | Whole bathroom redesign |
photo_to_render | Turn a 3D draft / SketchUp shot into a photo |
seasonal | Time-of-day / seasonal / lighting variation |
region_edit | Change only one area — paint it solid red, send mask: true |
Optional fields on every image call: resolution (512 / 1K / 2K), designLevel (lite −2 cr · quick · pro +5 cr), variations (1–3 per call, charged per image), up to 10 referenceImageUrls.
Same key, five more outputs. The three 3D builds can take minutes; they answer HTTP 202 + a poll URL when they outlive the request, and /meltflex:3d shows how to poll.
| Output | Endpoint | Credits | Time | MCP tool · CLI |
|---|---|---|---|---|
| Cinematic walkthrough video (MP4, Veo 3.1) | POST /api/v1/video | 100 (4s) / 150 (8s) | ~1 min | generate_video · meltflex video |
| Floorplan → rendered 3D picture (PNG) | POST /api/v1/floorplan-to-3d output: "render" | 10 | ~20 s | REST only |
| Floorplan → GLB 3D model | POST /api/v1/floorplan-to-3d output: "model" | 100 | ~3 min | floorplan_to_3d · meltflex floorplan |
| Furniture photo → GLB 3D model (+ USDZ/FBX/OBJ) | POST /api/v1/furniture-3d | 75 | 2–3 min | furniture_to_3d · meltflex furniture |
| Photo → explorable 3D world (.spz + viewer link) | POST /api/v1/world | 30 (draft) / 200 (hd) | ~1 / ~5 min | generate_world · meltflex world |
Full reference with response bodies and three.js / Spark loader snippets: https://www.meltflexai.com/api.
| What you want | Skill | Note |
|---|---|---|
| Restyle a room from a photo | meltflex-design | Pick a mode, write a specific prompt |
| Furnish an empty room | meltflex-design | virtual_staging mode |
| Place a *specific* sofa/bed/table | meltflex-furniture | Pass product images as references |
| Redesign a house exterior or garden | meltflex-design | exterior / garden mode |
| Swap flooring or wall finish | meltflex-design | floor_restyle / wall_texture (attach the material as a reference) |
| Restyle stairs, doors or windows | meltflex-design | stairs / doors / windows mode |
| Redesign a kitchen or bathroom | meltflex-design | kitchen / bathroom mode |
| Turn a 3D draft into a photo | meltflex-design | photo_to_render mode |
| Change only one marked area | meltflex-design | region_edit — paint it red, mask: true |
| Sharper output / several options | meltflex-design | resolution: "2K", designLevel: "pro", variations: 3 |
| Cinematic video walkthrough | meltflex-design | POST /api/v1/video (100–150 credits) |
| 3D model of a furniture piece | meltflex-3d | POST /api/v1/furniture-3d (75 credits) |
| 2D floorplan → 3D model / 3D picture | meltflex-3d | POST /api/v1/floorplan-to-3d (100 / 10 credits) |
| Walk through a room in 3D | meltflex-3d | POST /api/v1/world (30 draft / 200 hd) |
| Check credit balance | — | meltflex credits (CLI) or the MCP check_credits tool |
Live on the Kondela furniture shop: shoppers place its own products in a photo of their room, on the shop's own page.
No API key and no backend: build an embed in the Website Embed Builder (your domain, logo, colour, language, and for shops your product feed), then paste one iframe. Visitors design their room on your page without an account; each design uses 10 credits from your account. Any account gets the code and 10 free designs; after that it runs on an Enterprise plan.
<iframe
src="https://widget.meltflexai.com/YOUR_EMBED_ID" title="AI Interior Design by MeltFlex" width="100%" height="720" style="border:0;border-radius:12px;max-width:100%;" allow="clipboard-write" loading="lazy"
On a shop's product page, add ?product= and the tool opens with that product. /meltflex:embed installs the code in your project (HTML, React / Next.js, Vue, Shopify, WordPress), sets the frame-src rule if your site has a Content Security Policy, and walks through a blank frame. Guide: https://www.meltflexai.com/api#embed.
Agents that prefer tool calls over scripted API calls can run the meltflex-mcp server (npm, stdio). It exposes six tools — generate_interior, generate_video, floorplan_to_3d, furniture_to_3d, generate_world, check_credits — and handles polling and saving files to disk.
npx -y meltflex-mcp auth login # or: npx -y meltflex-mcp auth mf_sk_xxxxxxxx
claude mcp add meltflex -- npx -y meltflex-mcp
Any MCP client works with the same shape (command: npx, args: ["-y", "meltflex-mcp"], optional env.MELTFLEX_API_KEY). The same package is a terminal CLI: meltflex generate | video | floorplan | furniture | world | credits. A Claude Desktop extension bundle lives in mcpb/.
Hermes (Nous Research) speaks MCP, so it runs MeltFlex through the same server.
From the catalog (once merged into the Hermes catalog):
hermes mcp install meltflex
Manually — sign in once, then add the server to ~/.hermes/config.yaml:
npx -y me앞부분만 보여 드려요. 나머지는 저장소에서 읽어 보세요