← Back

Figma、AIエージェントがキャンバスを直接操作する新機能

Source
Figmaは24日(米国時間)、AIエージェントがFigmaキャンバス上でデザインを直接作成・編集できる機能を発表した。Figma MCPサーバーを通じて利用できるもので、新ツール「use_figma」と新機能「Skills」をベータ版として提供する。 従来のAI活用ワークフローでは、AIエージェントが生成したUIと、チームのデザインシステムの間に乖離が生じる課題があった。use_figmaにより、デザインチームと開発チームは、AIエージェントと同じ共有コンテキストの中で、コードとキャンバスをシームレスに行き来できるようになる。 また、命名規則やコンポーネント構造、ライブラリの整理方法など、デザインチームが積み重ねてきた設計上のルールや判断を、AIエージェントの開発に直接反映できる。これにより、AIエージェントがデザインシステムに紐づいたアセットを生成・編集できるようになる。 Skillsは、AIエージェントの動作を定義する機能。AIエージェントがデザインキャンバス上でどのように操作するかをガイドするマークダウン形式の指示セットで、Figma内でのワークフローの手順や規則を定義でき、プラグイン開発やコーディングなしで作成できる。 また、AIエージェントの出力を改善する「自己修正ループ」にも対応する。AIエージェントが生成した画面のスクリーンショットを実行中のコードと比較し、一致しない部分を繰り返し修正することで、アウトプットの精度向上を図る。 これらはFigma MCPサーバーにネイティブ実装され、Plugin APIを通じてCode Connect、Figma Draw、FigJamなどへのアクセスも提供する。有料APIとして提供するが、ベータ期間中は無償。現時点ではAugment、Claude Code、Codex、Copilot CLI、Copilot in VS Code、Cursor、Factory、Firebender、Warpなどで利用できる。

Figmaは24日(米国時間)、AIエージェントがFigmaキャンバス上でデザインを直接作成・編集できる機能を発表した。Figma MCPサーバーを通じて利用できるもので、新ツール「use_figma」と新機能「Skills」をベータ版として提供する。 従来のAI活用ワークフローでは、AIエージェントが生成したUIと、チームのデザインシステムの間に乖離が生じる課題があった。use_figmaにより、デザインチームと開発チームは、AIエージェントと同じ共有コンテキストの中で、コードとキャンバスをシームレスに行き来できるようになる。 また、命名規則やコンポーネント構造、ライブラリの整理方法など、デザインチームが積み重ねてきた設計上のルールや判断を、AIエージェントの開発に直接反映できる。これにより、AIエージェントがデザインシステムに紐づいたアセットを生成・編集できるようになる。 Skillsは、AIエージェントの動作を定義する機能。AIエージェントがデザインキャンバス上でどのように操作するかをガイドするマークダウン形式の指示セットで、Figma内でのワークフローの手順や規則を定義でき、プラグイン開発やコーディングなしで作成できる。 また、AIエージェントの出力を改善する「自己修正ループ」にも対応する。AIエージェントが生成した画面のスクリーンショットを実行中のコードと比較し、一致しない部分を繰り返し修正することで、アウトプットの精度向上を図る。 これらはFigma MCPサーバーにネイティブ実装され、Plugin APIを通じてCode Connect、Figma Draw、FigJamなどへのアクセスも提供する。有料APIとして提供するが、ベータ期間中は無償。現時点ではAugment、Claude Code、Codex、Copilot CLI、Copilot in VS Code、Cursor、Factory、Firebender、Warpなどで利用できる。

Vocabulary

General Proper noun JLPT N2 JLPT N1
# 言葉 意味
6 提供ていきょう (提供) : 1. offer; tender; providing; supplying; making available; donating (blood, organs, etc.) 2. sponsoring (a TV program)
6 生成せいせい (生成) : creation; generation; formation; derivation
4 直接ちょくせつ (直接) : direct; immediate; personal; firsthand
4 作成さくせい (作成) : drawing up (e.g. legal document, contract, will, etc.); preparing; writing; framing; making; producing; creating; creation
4 編集へんしゅう (編集) : editing; compilation
4 機能きのう (機能) : function; facility; faculty; feature
4 通ずるつうずる (通ずる) : 1. to be open (to traffic); to lead to; to communicate (with) 2. to flow (liquid, current); to pass; to get through to
4 開発かいはつ (開発) : development; exploitation
4 定義ていぎ (定義) : definition
4 修正しゅうせい (修正) : amendment; correction; revision; modification; alteration; retouching; update; fix
2 米国べいこく (米国) : (United States of) America; USA; US
2 時間じかん (時間) : 1. time 2. hour
2 発表はっぴょう (発表) : announcement; publication; presenting; statement; communique; making known; breaking (news story); expressing (one's opinion); releasing; unveiling
2 新機能しんきのう (新機能) : new functionality; new feature
2 ベータ版ベータばん (ベータ版) : beta version
2 従来じゅうらい (従来) : 1. up to now; so far 2. traditional; conventional; usual; existing
2 活用かつよう (活用) : 1. practical use; application 2. conjugation; inflection
2 乖離かいり (乖離) : divergence; alienation; deviation; estrangement; separation; detachment
2 生じるしょうじる (生じる) : 1. to produce; to yield; to cause 2. to result from; to arise; to be generated
2 課題かだい (課題) : 1. subject; theme; issue; matter 2. homework; assignment
2 共有きょうゆう (共有) : 1. joint ownership; co-ownership; sharing (e.g. a viewpoint) 2. sharing (files, devices on a network, posts on social media, etc.)
2 行き来ゆきき (行き来) : 1. coming and going; keeping in touch; visiting each other 2. street traffic; highway
2 命名規則めいめいきそく (命名規則) : naming rule
2 構造こうぞう (構造) : structure; construction; makeup; framework; organization; pattern
2 整理せいり (整理) : 1. sorting; arrangement; organization; putting in order; adjustment; regulation 2. liquidation; settlement; consolidation; clearance (e.g. debt); paying off
2 方法ほうほう (方法) : method; process; manner; way; means; technique
2 積み重ねるつみかさねる (積み重ねる) : to pile up; to accumulate
2 設計せっけい (設計) : plan; design; layout
2 判断はんだん (判断) : 1. judgment; judgement; decision; conclusion; adjudication 2. divination
2 反映はんえい (反映) : 1. reflection (light, image, situation, attitude, etc.); reflecting 2. influence; application (e.g. of an update)
2 動作どうさ (動作) : action; movements; motions; bearing; behaviour; behavior; execution; actuation; operation; manners
2 操作そうさ (操作) : 1. operation; management; handling 2. manipulating (to one's benefit); manipulation; influencing
2 形式けいしき (形式) : 1. form (as opposed to substance); formality 2. method; system; style
2 指示しじ (指示) : 1. indication; denotation; designation 2. instructions; directions
2 手順てじゅん (手順) : process; procedure; sequence; protocol; instruction
2 なしなし (無し) : 1. without 2. unacceptable; not alright; unsatisfactory
2 出力しゅつりょく (出力) : output (electrical, signal, etc.)
2 改善かいぜん (改善) : 1. betterment; improvement 2. kaizen (Japanese business philosophy of continuous improvement)
2 自己じこ (自己) : self; oneself
2 対応たいおう (対応) : 1. correspondence (to); equivalence 2. suitability; coordination; matching; being appropriate (for)
2 画面がめん (画面) : 1. screen (of a TV, computer, etc.) 2. image (on a screen); picture; scene
2 実行じっこう (実行) : execution (e.g. of a plan); carrying out; practice; action; implementation; fulfillment; realization
2 比較ひかく (比較) : comparison
2 一致いっち (一致) : 1. coincidence; agreement; union; match 2. conformity; consistency
2 部分ぶぶん (部分) : portion; section; part
2 繰り返すくりかえす (繰り返す) : to repeat; to do something over again
2 精度せいど (精度) : precision; accuracy
2 向上こうじょう (向上) : elevation; rise; improvement; advancement; progress
2 図るはかる (図る) : 1. to plan; to attempt; to devise 2. to plot; to conspire; to scheme
2 実装じっそう (実装) : implementation (e.g. of a feature); installation (of equipment); mounting; packaging
2 有料ゆうりょう (有料) : 1. fee-charging; paid; not free 2. toll road
2 期間中きかんちゅう (期間中) : during; for the duration of
2 無償むしょう (無償) : 1. without compensation; without reward; without pay 2. free (of charge)
2 現時点げんじてん (現時点) : present point (i.e. in history); at the present time