figma

人気ブランドのデザイントレンドシステムによるDESIGN.mdファイルの分析集。プロジェクトにドロップするだけで、コーディングエージェントが一致するUIを生成します。

デザイナーのためのカーソル • オープンソースのAIファースト設計ツール • AIを使ってReactアプリを視覚的に構築、スタイリング、編集

コミュニティが作成した美しく一貫性のあるアイコンツールキット。オープンソースプロジェクトであり、Feather Iconsのフォーク。

CursorのようなAIコーディングエージェントにFigmaのレイアウト情報を提供するMCPサーバー。

コンポーネントを一度記述すれば、どこでも動作します。React、Vue、Qwik、Solid、Angular、Svelteなど、様々な形式にコンパイルされます。

Python GUIを簡単に素早く作成する方法

700以上のPure CSS、SVG、Figma UIアイコン、6000以上のグリフ、パターン、カラー、レイアウト。

DiceBearはデザイナーおよび開発者向けのアバターライブラリです。🌍

Tailwind CSSベースのオープンソースUIコンポーネントライブラリおよびフロントエンド開発フレームワーク

TalkToFigma: AIエージェント（Cursor, Claude Code, Codex）とFigma間のMCP統合。これにより、エージェンティックAIがFigmaと通信し、デザインの読み取りやプログラムによる修正が可能になります。

HTML、Tailwind、Flutter、SwiftUIでレスポンシブなページとアプリを生成します。

1600以上のアイコンを備えたオープンソースのアイコンライブラリ。React, React Native, Flutter, Vue, Figma, Framerをサポート。

あなたのために（実際に役立つ）コードを記述するAIエージェント。

素晴らしい人々のためのAngularコンポーネントライブラリ

1つのコマンドであらゆるウェブサイトのデザインシステム全体を抽出します。DTCG トークン、セマンティック+プリミティブ+コンポジット、Claude Code/Cursor/Windsurf 用 MCP サーバー、マルチプラットフォーム出力（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma 変数、shadcn/ui、CSS 健全性監査、WCAG 是正、Chrome 拡張機能。MIT、Playwright、Node 20+。

あらゆるウェブサイトを編集可能なFigmaデザインに変換

Awesome Claude Design: DESIGN.md 形式のすぐに使える 68 個のデザインシステムインスピレーション。配置するだけで、1 回の操作で完全な UI を構築できます。

Figmaはブラウザベース初のインターフェースデザインツールであり、チームによるソフトウェア作成を容易にします。https://t.me/figma_linux に参加しよう

⚛️ Figma 用 React レンダラー

180 種類の無料 CSS3、Figma、Sketch、PSD グラデーション — デザインツール、ジェネレーター、AI エージェント向けの JSON データセット付き。

直感的なビジュアルビルダーで美しいWebサイトを簡単に作成し、即座に公開できます

Reshaped は、優れた製品の構築や独自のデザインシステムの立ち上げのための、アクセシブルな React および Figma コンポーネントを提供します

APIとしてのデザインシステム。AIをFigmaに接続して、抽出、作成、デバッグを行う。

<img>や<div>などの各種HTML DOM要素に対して、簡単なズーム、パン、ピンチ操作をサポートするReactライブラリ

🔌 Figmaプラグインのサンプル。

生き生きとした、手作りの美しいアニメーション付き天気アイコン。

プラグイン「Tokens Studio for Figma」（Figma Tokens）の公式リポジトリ

TypeScript、Next.js、Fabric.js、Liveblocks を使用した Figma クローン

🎨 デザイン トークンを Amazon Style Dictionary 互換の形式で JSON にエクスポートする Figma プラグイン。

:battery: Figmaのプラグインおよびウィジェットを開発するための包括的なツールキット