figma

收集 DESIGN.md 檔案的分析，來自流行品牌設計系統。將其放入專案，即可讓程式碼代理生成相符的 UI。

The Cursor for Designers • 開源 AI 為先的設計工具 • 使用 AI 直觀構建、樣式化與編輯 React 應用

由社群打造的美觀且一致的圖示工具包，開源專案且為 Feather Icons 的分支

MCP 伺服器，為像 Cursor 這樣的 AI 程式碼代理提供 Figma 版面資訊

一次編寫元件，處處執行。可編譯至 React、Vue、Qwik、Solid、Angular、Svelte 等多平台

簡單快速的 Python GUI 建立方式 🐍

超過 700 個純 CSS、SVG 與 Figma UI 圖示，6000+ 字形、圖案、配色與版面配置

DiceBear 是供設計師與開發者使用的頭像函式庫。🌍

基於 Tailwind CSS 的開源 UI 元件庫與前端開發框架

TalkToFigma：AI 代理（Cursor、Claude Code、Codex）與 Figma 之間的 MCP 整合，允許 Agentic AI 與 Figma 通訊以讀取設計並以程式方式修改

在 HTML、Tailwind、Flutter 與 SwiftUI 上生成響應式頁面與應用程式

一個擁有 1600+ 圖標的開源圖標庫，支援 React、React Native、Flutter、Vue、Figma 與 Framer

一個為你編寫（實用）程式碼的 AI 代理

Angular 元件庫，為優秀的人們打造。

透過一行指令擷取任何網站的完整設計系統。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：68 個即用設計系統靈感，採用 DESIGN.md 格式。直接插入，快速生成完整 UI

Figma 是第一款基於瀏覽器的介面設計工具，讓團隊更輕鬆地創建軟體。加入我們 https://t.me/figma_linux

⚛️ 適用於 Figma 的 React 渲染器

180 個免費的 CSS3、Figma、Sketch 與 PSD 漸層 —— 另外包含適用於設計工具、產生器和 AI agent 的 JSON 資料集。

透過直覺的視覺化建置器輕鬆打造美觀的網站，並立即發布

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 複製版

🎨 Figma 外掛程式，可將設計 Token 匯出為相容 Amazon Style Dictionary 格式的 JSON。

:battery: 用於開發 Figma 外掛與小工具的綜合工具組