Figma MCPサーバーがVS Codeからデザインレイヤーを生成可能に
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
GitHub Changelog
GitHub CopilotユーザーはFigma MCPサーバーに接続し、デザインコンテキストをコードに取り込んだり、レンダリングされたUIを編集可能なフレームとしてFigmaに送信できるようになった。この機能により、デザインからコードを生成し、UIをFigmaに送り返して反復し、更新をコードベースに取り戻す接続されたワークフローが実現する。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
改善版翻訳文
GitHub Copilotユーザーは、Figma MCPサーバーに接続して、デザインコンテキストをコードに取り込んだり、レンダリングされたUIを編集可能なフレームとしてFigmaに送信したりできるようになりました。これらの機能を組み合わせることで、連携されたワークフローが実現します。デザインからコードを生成し、UIをFigmaに送り返して繰り返し改善し、更新内容をコードベースに反映させるという流れです。この機能は本日よりVS Codeで利用可能で、Copilot CLIにも近日中に追加される予定です。
仕組み
Figma MCPサーバーとGitHub Copilotの使い始めは簡単です：
- Figma MCPサーバーをインストールします。
- Figmaアカウントを接続します。
- Copilotを使用して、Figmaからデザインコンテキストをコードに取り込むか、レンダリングされたUIからFigmaに編集可能なフレームを作成します。
この機能を利用できるユーザー
GitHub Copilotのサブスクリプションをお持ちの開発者なら、誰でもFigma MCPサーバーに接続できます。これはすべてのFigmaシートとプランで利用可能です。UIを編集可能なフレームとしてFigmaに取り込むには、リモートMCPサーバーが必要です。
Figma MCPサーバーについて詳しく知る。
GitHubコミュニティ内で議論に参加する。
この投稿「Figma MCPサーバーがVS Codeからデザインレイヤーを生成できるようになりました」は、The GitHub Blogで最初に公開されました。
原文を表示
GitHub Copilot users can now connect to the Figma MCP server to both pull design context into code and send rendered UI to Figma as editable frames. Together, these capabilities support a connected workflow: generate code from a design, send your UI back to Figma for iteration, and pull updates back into your codebase. This feature is available today in VS Code and coming soon to Copilot CLI.
How it works
Getting started with the Figma MCP server and GitHub Copilot is simple:
Install the Figma MCP server.
Connect your Figma account.
Use Copilot to pull design context from Figma into code or create editable frames in Figma from your rendered UIs.
Who can use this feature
Any developer with a GitHub Copilot subscription can connect to the Figma MCP server. This is available on all Figma seats and plans. Capturing UI to Figma as editable frames requires the remote MCP server.
Learn more about the Figma MCP server.
Join the discussion within GitHub Community.
The post Figma MCP server can now generate design layers from VS Code appeared first on The GitHub Blog.
News to Guide
ニュースの次に確認する
発表内容を、現在の料金や仕様と照らし合わせられる関連ガイドです。
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み