figma

Carbon Design System のビジュアルアセット（コンポーネント、アイコン、ピクトグラム、テキストスタイル、カラースタイル、グリッドテンプレート）のバージョン管理された包括的なキット。

ウェブ描画用のシンプルな JavaScript フレームワーク。

デザインテンプレート、ストックフォト、アイコン、配色など、厳選されたデザインリソースのリスト

Canvas を使用して構築された Web グラフィックエディタ

アドオンパネルにFigma、ウェブサイト、または画像を埋め込むためのStorybookアドオン

Claudeをシニアデザインアーキテクトに変換：DTCGデザイントークン、42のコンポーネント、WCAG 2.2アクセシビリティ、あらゆるフレームワークに対応するコード、138のデザインシステム、および実行可能なスキル。

📒 開発者に焦点を当てたデザインシステムに関するブックマーク、リソース、記事の厳選リスト。

FigmagicはDevOpsとデザインの架け橋となるツールです。Figmaドキュメントからデザイン・トークンの生成、グラフィックスのエクスポート、デザイン・トークン駆動型のReactコンポーネントの抽出を行います。

美しい UI/UX を構築するための厳選された AI ツールリスト

GitHub で共有されている Figma 製品向けのオープンソースプラグイン、ウィジェット、エージェントスキル、開発者リソースのコレクション

Figma to React コンバーター

⚡ 新規プロジェクト向けのシンプルな Once UI セットアップ。必要なものだけを備え、余計なものは一切ありません。

Figma から Xcode / Android Studio プロジェクトへ、カラー、タイポグラフィ、アイコン、画像をエクスポートするコマンドラインユーティリティ。

SwiftUI用のRedlines

無料の双方向 Figma MCP サーバー。デザインをフレームワーク対応コードに変換し、コードをキャンバスにプッシュバックします。Claude Code、Cursor、Codex、その他の MCP クライアントと連携します。

Claude Desktop やその他の AI ツール（Claude Code、Cursor、Antigravity など）が Figma のデザインを読み取り、分析し、変更できるようにする Model Context Protocol (MCP)

高精度な Figma ＆ React コンポーネント。ベストプラクティス、統一されたプロパティ名、一貫性のあるデザインとコードを搭載。

コマンドラインからFigmaを操作。AIエージェント向けの完全な読み書きアクセス（シェイプ、テキスト、コンポーネントの作成、スタイル設定、画像のエクスポート）。100以上のコマンドに対応。

Figma から Unity へノードをインポートするプロジェクト。

API 制限を回避するための Figma プラグインおよび MCP サーバー

React + Konva を使用した、Figma や Canva のような画像エディター

Slack、Google Docs、GitHubなどの検索アグリゲーター :mag:

Linux x64 プラットフォーム向け Figma フォントヘルパー