Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Create, edit, design and export Apple Numbers, Keynote and Pages files. Verified and Arabic-safe.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
IWORK_STUDIO_ROOTS, IWORK_STUDIO_TOOLSETS必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"iwork-studio": {
"command": "uvx",
"args": [
"iwork-studio"
],
"env": {
"IWORK_STUDIO_ROOTS": "your-value",
"IWORK_STUDIO_TOOLSETS": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add iwork-studio --env IWORK_STUDIO_ROOTS=your-value --env IWORK_STUDIO_TOOLSETS=your-value -- uvx iwork-studio動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"iwork-studio": {
"command": "uvx",
"args": [
"iwork-studio"
],
"env": {
"IWORK_STUDIO_ROOTS": "your-value",
"IWORK_STUDIO_TOOLSETS": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"iwork-studio": {
"type": "stdio",
"command": "uvx",
"args": [
"iwork-studio"
],
"env": {
"IWORK_STUDIO_ROOTS": "your-value",
"IWORK_STUDIO_TOOLSETS": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
IWORK_STUDIO_ROOTS envIWORK_STUDIO_TOOLSETS envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント Arkanji で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(2.6.1)がレジストリに届いたのは24 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにPython (uv)も必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Designed decks from your data and your brand, checked as rendered. Arabic-ready.
Every change is backed up, verified and undoable, and anything risky is refused, never guessed.
| 🛡️ Never damages your file | 🎨 Designed from your data | ع Arabic first-class |
|---|---|---|
| Backup → change a copy → re-read and compare → atomic swap. Open files are left alone. One call undoes any change. | Turn a spreadsheet into a Keynote deck with chart and table slides in your brand kit, then review it as rendered. | Arabic and right-to-left text round-trip exactly, in every app and every export. |
Install · Try it · Safety · What it can do · All tools · For AI agents · Changelog
15 seconds: data → designed deck → a safe rollback → Arabic. HD video
▶ Watch the film with sound (46s) · Read the launch story
| Your app | Do this | |
|---|---|---|
| Claude desktop app, one click (Mac) | Download iwork-studio- .mcpb from the latest release, double-click it, pick the folders it may use | |
| Claude desktop app (Mac, from Terminal) | Paste in Terminal: `curl -LsSf https://raw.githubusercontent.com/Arkanji/iwork-studio/main/install.sh \ | sh`, then quit Claude (Cmd-Q) and reopen |
| Claude Code, as a plugin (tools + skill) | /plugin marketplace add Arkanji/iwork-studio, then /plugin install iwork-studio@iwork-studio | |
| Claude Code, tools only | claude mcp add iwork-studio -- uvx --from iwork-studio@latest iwork-studio-mcp | |
| Hermes Agent (tools + skill) | hermes plugins install iwork-studio, then hermes plugins enable iwork-studio. See hermes/ | |
| Cursor, VS Code, Codex, any MCP client | uvx --from iwork-studio@latest iwork-studio-mcp config, then paste the printed JSON into the client's MCP settings. Also listed in the MCP Registry as io.github.Arkanji/iwork-studio |
That's it. The installer sets up uv if needed, and uv brings its own Python.
… | sh -s -- --roots ~/Documents ~/Desktop limits it to those folders. Other clients: set IWORK_STUDIO_ROOTS (:-separated).IWORK_STUDIO_TOOLSETS=keynote,design (any of files, numbers, keynote, pages, design; default all). Fewer tools keep the AI focused and its context small. The Claude Desktop extension has a *Toolsets* field; in Claude Code: claude mcp add iwork-studio -e IWORK_STUDIO_TOOLSETS=keynote,design -- uvx --from iwork-studio@latest iwork-studio-mcp. Capabilities, read, find, undo and the kit list always load.uvx --from iwork-studio@latest iwork-studio-mcp uninstallAI agent setting this up for someone? Pick the row for their app, run it, then call
iwork_capabilities. Rules for using the tools are inAGENTS.md.
No file handy? Ask *"copy the iWork Studio samples to my Desktop and turn sample-sales.numbers into a board deck"*. The samples are synthetic sales data with an English and an Arabic sheet.
*"Build a 6-slide pitch deck for a solar-panel startup in the midnight kit, with speaker notes, and export it to PowerPoint."*
*"Turn sales.numbers into a board deck: chart the quarters, a table of the top regions, in our Acme kit."*
*"Take the fonts and colours from brand.key and save them as our Acme kit."*
*"Review pitch.key and fix anything that overflows or is too small to read."*
*"Make budget.numbers look professional with the banking kit — and show me a preview first."*
*"Turn sales.csv into a Numbers file, make the header bold on a teal fill, show column B as SAR with two decimals, and add a total row."*
*"In pitch.key, switch to the Gradient theme, make the title on slide 1 white at 60 pt, add a dissolve between every slide, and put logo.png on the last slide."*
*"Add a bar chart of revenue by quarter for 2025 and 2026 to slide 4."*
*"Duplicate slide 3, move the copy to the front and add presenter notes: ملاحظات المتحدث"*
*"Fill the Name and Date fields in offer-letter.pages, then export it as a password-protected PDF."*
*"In the invoice.pages table, set the quantity in B3 to 12 and make D9 the total of D2:D8."*
*"Find my Keynote decks from this week and export each one to PowerPoint."*
*"Undo the last change to budget.numbers."*
| Numbers | Keynote | Pages | |
|---|---|---|---|
| Read | Every sheet, table, cell, formula and format | Every slide's text, notes, layout, theme, styling and charts | Body text, placeholders and tables |
| Create | From data or CSV ⚡ · from a built-in template · from your own file | A designed deck from an outline, with chart and table slides (straight from a Numbers table) · from a built-in theme · from your own deck | From a built-in template · from your own file |
| Edit content | Cells ⚡ · formulas · recalculate · insert/delete rows and columns ⚡ · add tables and sheets ⚡ · sort | Find/replace across the deck ⚡ · slide titles and bullets · add, duplicate, delete, move, hide slides · presenter notes · images · charts · tables | Replace text everywhere · replace the body · fill placeholders · table cells (text, numbers, formulas) |
| Design | Design kits ⚡ · your brand kit ⚡ · fonts, colours, fill, alignment, wrap ⚡ · currency, %, dates, decimals ⚡ · borders ⚡ · widths and heights ⚡ · headers ⚡ · merges ⚡ | Design kits · your brand kit · theme · slide layout · text font, size and colour · styled tables · transitions | — |
| Review | Design review of what Keynote draws: text off the slide or past its box, text Keynote had to shrink, overlaps, small text, crowded slides · any slide as an image | ||
| Export | PDF · Excel · CSV | PDF · PowerPoint · images · movie | PDF · Word · EPUB · text · RTF |
| Present | Start, stop, next, previous |
⚡ = works anywhere, no app needed (pure Python). Everything else drives the real app on a Mac with a logged-in session, classic iWork or the Creator Studio apps.
Every file type: preview any change before it's made (dry_run), look up metadata, pull the preview thumbnail, find files with Spotlight, check that a word is visibly rendered, check the rendered font/size/colour, list backups and undo.
On purpose, so it never breaks a file:
numbers_sort with to_new_table) and build a Keynote chart slide from it.Six design kits turn a plain deck or table into something you'd present: a font pair (Latin + Arabic, all bundled with macOS — nothing to install), a restrained palette checked for WCAG contrast, and a type scale.
| Kit | Feel |
|---|---|
executive | Calm and corporate: slate neutrals, one blue accent |
banking | Trust and weight: deep navy, restrained gold |
classic | Formal reports and boards: serif headings, navy and amber |
teal | Fresh and confident: deep teal |
analytics | Data-forward: strong blue, amber highlights |
midnight | Dark stage: near-black slides, white titles, mint accent |
Build with one (keynote_build_deck(..., kit="midnight")), restyle anything (keynote_apply_design, numbers_apply_design), or bring your brand as colours and fonts — contrast is checked. Agents also get a design guide: one idea per slide, titles that state the takeaway, right-aligned numbers, restrained colour.
Your brand, once. Point iwork_extract_design_kit at a deck or table that already has your look: it reads the fonts (Latin and Arabic) and colours, and saves them as a named kit you can use anywhere a kit goes. Or save your colours and fonts directly with iwork_save_design_kit.
Numbers on slides. A slide in keynote_build_deck can carry a chart or a table, from data or straight from a Numbers table: the header row gives the columns, the first colum
冒頭だけを表示しています。続きはリポジトリで読めます