An AI agent that drives Figma. And one-click accessibility scanning.
チャットで指示すると、AI がフレーム作成・編集・レイアウト調整を Figma 上で実行します。WCAG A / AA / AAA スキャンと変数リンターも内蔵。
Chat with the agent and it builds, edits, and rearranges your Figma file directly. Also includes WCAG A / AA / AAA accessibility scanning and a variable linter.
日本語または英語のチャットで「ログインフォームを作って」「このボタンを青くして padding を 16 に」のように依頼すると、AI が Anthropic Claude の Tool Use 経由で Figma を直接操作します。83 のツールハンドラがフレーム作成、テキスト編集、オートレイアウト、コンポーネント、スタイル、変数まで対応。
Ask the agent in plain Japanese or English — "build a login form", "make the selected button blue with 16px padding", "duplicate this card three times" — and it drives Figma through 83 tool handlers covering frames, text, auto-layout, components, styles, and variables. Powered by Anthropic Claude with prompt caching for cost-efficient iteration.
Lay down a structure with the first prompt, then iterate on color, size, and copy in the same conversation. The agent keeps the full history so each follow-up message extends the previous result.
The agent reads your current selection, page tree, existing styles, and variables before acting, so it integrates naturally into work-in-progress files instead of always starting from a blank canvas.
Quota is billed per conversation, not per tool call. A multi-turn iteration session only counts as one. Free trial: 3 conversations. Pro: 50 conversations / month.
コントラスト
Contrast
AAAAA
テキストの色と背景色のコントラスト比を自動で計算し、WCAG基準を満たしているかチェックします。
Automatically calculates contrast ratio between text and background colors to verify WCAG compliance.
Rename a top-level frame to something like page: Home to declare it as a page. Heading structure checks work without page:, but declaring pages is recommended for multi-page designs so headings are validated independently per page. Focus order checks won't run without a page: declaration.
Checks run even without page:, but all headings are evaluated as a single scope. For multi-page designs, declaring page: is recommended so heading hierarchy is validated independently per page.
Customize contrast ratio and target size thresholds freely. Settings are saved to the Figma file and shared with everyone who opens it. Edit confirmation dialogs prevent accidental changes.