Home
Blog
Resources
Search
⌃
K
Links
README
Design
Awesome Design Tools
Awesome-UI-Templates
awesome-design-systems
Awesome Figma
Awesome Figma
awesome-styleguides
awesome-typography
awesome-ui
Awesome UX Design Styleguides
awesome-ux-designer
awesome-ux
Awesome Webflow
webflow-masterclass
Devops
Marketing
Nocode
Server
shopify
Tools
web3
webgl
AI
SaaS
Powered By
GitBook
Comment on page
Awesome Figma
## 內容
視頻
文章
社區
開源插件
插件開發
模板和 UI 工具包
Rest API 集成
客戶
轉換器
視頻
Figma Tips & Tricks - UI 設計師的超能力
Figma Plugins Show & Tell
Figma 插件:我最喜歡的 5 個 Figma 插件
我如何使用 Figma 設計出色的網站 UI
使用 Figma 在 1 小時內設計一個網站
Sketch vs Figma - 為什麼我切換了!
文章
Introducing: Figma to React
Adobe XD vs Sketch vs Figma vs InVision
我們對 Figma 的評論,谷歌設計師文檔!
使用 Figma 構建組件庫
Sketch vs Figma、Adobe XD 和其他 UI 設計應用程序
Figma 中的組件架構
Figma 設計系統——動態元素的力量
堆棧鏡像:為代碼而設計和為設計而編碼
UI 設計師創建表單和輸入的指南
在 Figma 中使用組件的 10 個技巧
Figma 插件的 UX
## 社區
Figma Plugins Slack
Figma Spectrum
開源插件
Themer
- 一個 Figma 插件,旨在讓您在來自不同已發布庫的同名樣式之間進行交換。
figma-plugins-on-github
- 已在 GitHub 上共享的 Figma 插件列表。
Figlight
- Figma 的代碼高亮。
FigmaThird
- 在 Figma 中導入、點亮和使用 3D 模型。
svg-to-jsx
- Figma 插件將 svg 複製為一個反應組件。
figma-latex-complete-plugin
- 將 LaTeX 放入 Figma 文檔中。
system.colors
- 從流行的設計系統導入調色板。
figma-speech-recognition
- 嘿 Figma 語音識別。
FigmaToCode
- 在 Tailwind、Flutter 和 SwiftUI 上生成響應式頁面和應用程序。
html-figma
- 將 HTML 導入 Figma 圖層的插件。
tailwindcss-figma-plugin
- TailwindCSS 的 Figma 插件。
design-tokens
- Figma 插件,用於以亞馬遜風格的字典兼容格式將設計令牌導出到 json。
##插件開發
react-figma
- 將 React 組件渲染到 Figma。
figma-jsonrpc
- 利用 JSON-RPC 在 Figma 插件和 Figma UI 之間進行通信。
figma-api-stub
- Figma API 存根。
figplug
- Figma 插件生成器。
figma-messenger
- 類型安全的 iframe - 主線程通信。
figma-plugin-helpers
- 一組有用的幫助函數,可導入到您的 Figma 插件項目中。
create-figma-plugin
- 用於開發 Figma 插件的綜合工具包。
figx
- 一個全面可靠的 figma 實用程序庫。
模板和 UI 工具包
free-figma-bootstrap-5-ui-kit
- 通過一系列具有強大自動佈局功能的預構建 Figma 組件加快設計速度和調整約束。
figma-plugin-ds
- 一個用於 Figma 插件的小型輕量級設計系統。
figma-ui-components
- 一組非官方的 Figma UI 組件。
figma-styled-components
- Figma UI 風格的組件。
tailwindcss-figma-kit
- TailwindCSS 的 Figma 套件。
Rest API 集成
storybook-addon-figma
- 在故事書面板中嵌入 Figma 設計。
figma-assets-export
- 從 Figma 導出資產並將其下載為本地文件。
figma-api-demo
- 該項目包含使用 Figma API 的演示應用程序。
Figma.js
- Figma API 的簡單 JS 包裝器。
figma-graphql
- Figma API 的 GraphQL 連接器。
Figma-To-Pdf
- 使用 API 從 Figma 導出 pdf 的簡單演示。
figma-theme
- 從 Figma Styles 生成開發就緒的主題 JSON 文件。
figma-to-flutter
- 將 Figma 組件轉換為 Flutter 小部件的 Dart 代碼生成器。
Figma to web
- 該存儲庫將收集與 Figma 與 Web 集成相關的所有開發。
figma-and-production
- 如何同步 Figma 和生產的示例。
Figma Asset Downloader
- 優化並直接將資產下載到您的計算機。
figma-slack-updates
- 從 Figma 文件的版本歷史中發布更新到 Slack。
figma-tools
- 幫助您以編程方式與 Figma 文件交互的工具。
figma-export
- 命令行實用程序,用於將顏色、排版、圖標和圖像從 Figma 導出到 Xcode / Android Studio 項目。
figma-lottie
- Figma Lottie 集成。
客戶
Figmac
- 一款超輕量級的 Figma 桌面應用,提供更自然的 Mac 體驗。
figma-app-ubuntu
- Figma,Snap Package(非官方)。
figma-linux
- Figma 電子應用程序(非官方)。
轉換器
Aeux
- 輕鬆將 Figma 設計移動到 Adobe After Effects。
Figma to Sketch/XD Converter
- 允許您在 Sketch 和 Adobe XD 中轉換和打開 Figma 設計。
Previous
Awesome Design System
Next
Awesome Figma
Last modified
1yr ago