awesome-figma
💡 A curated list of delightful Figma resources
https://github.com/xiaomingx/awesome-figma
Last synced: 4 days ago
JSON representation
-
文章推荐
- Figma插件的用户体验
- Figma插件的用户体验
- Figma与React结合使用
- Adobe XD vs Sketch vs Figma vs InVision:谁更强?
- 我们对Figma的评价:设计师的Google Docs!
- 使用Figma构建组件库
- Sketch vs Figma vs Adobe XD:UI设计应用对比
- Figma与React结合使用
- Adobe XD vs Sketch vs Figma vs InVision:谁更强?
- 我们对Figma的评价:设计师的Google Docs!
- Figma插件的用户体验
- 使用Figma构建组件库
- Sketch vs Figma vs Adobe XD:UI设计应用对比
- Figma组件架构最佳实践
- 为Figma设计系统——动态元素的力量
- Figma组件架构最佳实践
- 为Figma设计系统——动态元素的力量
- Stack镜像:为代码设计,还是为设计编写代码?
- Stack镜像:为代码设计,还是为设计编写代码?
- UI设计师创建表单和输入框的指南
- UI设计师创建表单和输入框的指南
- Figma插件的用户体验
- 使用Figma组件的10个技巧
- Figma插件的用户体验
- Figma插件的用户体验
- Figma插件的用户体验
- Figma插件的用户体验
- Figma插件的用户体验
- Figma插件的用户体验
-
视频资源
-
社区资源
-
开源插件
- Themer - 允许你在不同发布库之间切换样式的Figma插件。
- figma-plugins-on-github - 收录在GitHub上的Figma插件列表。
- Figlight - Figma代码高亮插件。
- FigmaThird - 在Figma中直接导入和使用3D模型。
- svg-to-jsx - 将SVG复制为React组件的Figma插件。
- figma-latex-complete-plugin - 在Figma文档中插入LaTeX公式。
- system.colors - 从流行设计系统导入调色板。
- figma-speech-recognition - 通过语音控制Figma。
- FigmaToCode - 生成基于Tailwind、Flutter和SwiftUI的响应式页面和应用。
- html-figma - 将HTML导入Figma图层的插件。
- tailwindcss-figma-plugin - Figma插件,支持TailwindCSS。
- design-tokens - 将设计标记导出为JSON格式的Figma插件。
- Themer - 允许你在不同发布库之间切换样式的Figma插件。
- figma-plugins-on-github - 收录在GitHub上的Figma插件列表。
- Figlight - Figma代码高亮插件。
- FigmaThird - 在Figma中直接导入和使用3D模型。
- svg-to-jsx - 将SVG复制为React组件的Figma插件。
- figma-latex-complete-plugin - 在Figma文档中插入LaTeX公式。
- system.colors - 从流行设计系统导入调色板。
- figma-speech-recognition - 通过语音控制Figma。
- FigmaToCode - 生成基于Tailwind、Flutter和SwiftUI的响应式页面和应用。
- html-figma - 将HTML导入Figma图层的插件。
- tailwindcss-figma-plugin - Figma插件,支持TailwindCSS。
- design-tokens - 将设计标记导出为JSON格式的Figma插件。
-
插件开发
- react-figma - 将React组件渲染到Figma。
- figma-jsonrpc - 使用JSON-RPC与Figma UI进行通信。
- figma-api-stub - Figma API存根。
- react-figma - 将React组件渲染到Figma。
- figma-jsonrpc - 使用JSON-RPC与Figma UI进行通信。
- figma-api-stub - Figma API存根。
- figplug - Figma插件构建工具。
- figplug - Figma插件构建工具。
- figma-messenger - 类型安全的iframe主线程通信。
- figma-plugin-helpers - 用于Figma插件项目的实用函数集合。
- create-figma-plugin - 用于开发Figma插件的工具包。
- figma-messenger - 类型安全的iframe主线程通信。
- figma-plugin-helpers - 用于Figma插件项目的实用函数集合。
- create-figma-plugin - 用于开发Figma插件的工具包。
- figx - 一套全面可靠的Figma工具库。
- figma-plugin-react-template - 快速启动Figma插件,提供模板和工具。
- figma-plugin-react-vite - 使用React+Vite开发Figma插件的模板。
- figx - 一套全面可靠的Figma工具库。
- figma-plugin-react-template - 快速启动Figma插件,提供模板和工具。
- figma-plugin-react-vite - 使用React+Vite开发Figma插件的模板。
-
Rest API 集成
- figma-graphql - Figma API的GraphQL连接器。
- storybook-addon-figma - 在Storybook面板中嵌入Figma设计。
- figma-api-demo - 包含使用Figma API的示例应用程序。
- Figma.js - Figma API的JS封装。
- Figma-To-Pdf - 使用Figma API将Figma文件导出为PDF的简单示例。
- figma-theme - 从Figma样式生成开发用的主题JSON文件。
- figma-to-flutter - 将Figma组件转换为Flutter小部件的Dart代码生成器。
- Figma to web - Figma与Web集成的开发资源。
- figma-slack-updates - 将Figma文件版本历史更新推送到Slack。
- figma-tools - 帮助你编程与Figma文件交互的工具。
- figma-export - 命令行工具,将Figma中的颜色、字体、图标和图片导出到Xcode/Android Studio项目。
- storybook-addon-figma - 在Storybook面板中嵌入Figma设计。
- figma-api-demo - 包含使用Figma API的示例应用程序。
- Figma.js - Figma API的JS封装。
- figma-graphql - Figma API的GraphQL连接器。
- Figma-To-Pdf - 使用Figma API将Figma文件导出为PDF的简单示例。
- figma-theme - 从Figma样式生成开发用的主题JSON文件。
- figma-to-flutter - 将Figma组件转换为Flutter小部件的Dart代码生成器。
- Figma to web - Figma与Web集成的开发资源。
- figma-and-production - Figma与生产环境同步的示例。
- figma-and-production - Figma与生产环境同步的示例。
- figma-slack-updates - 将Figma文件版本历史更新推送到Slack。
- figma-tools - 帮助你编程与Figma文件交互的工具。
- figma-export - 命令行工具,将Figma中的颜色、字体、图标和图片导出到Xcode/Android Studio项目。
- figma-lottie
- FigmaPy - Figma API的Python3+非官方封装。
- figma-lottie
- FigmaPy - Figma API的Python3+非官方封装。
- figma-lottie
-
模板和UI组件包
- figma-plugin-ds - 用于Figma插件的小巧设计系统。
- figma-ui-components - 非官方的Figma UI组件集。
- figma-styled-components - Figma UI样式组件。
- tailwindcss-figma-kit - 支持TailwindCSS的Figma设计工具包。
- figma-plugin-ds - 用于Figma插件的小巧设计系统。
- figma-ui-components - 非官方的Figma UI组件集。
- figma-styled-components - Figma UI样式组件。
- tailwindcss-figma-kit - 支持TailwindCSS的Figma设计工具包。
-
客户端工具
- Figmac - 超轻量级的Figma桌面应用,为Mac用户提供更自然的使用体验。
- figma-app-ubuntu - Figma的Snap包(非官方)。
- figma-linux - Figma的Electron应用(非官方)。
- Figmac - 超轻量级的Figma桌面应用,为Mac用户提供更自然的使用体验。
- figma-app-ubuntu - Figma的Snap包(非官方)。
- figma-linux - Figma的Electron应用(非官方)。
-
转换工具
Programming Languages
Categories
Sub Categories
Keywords
figma
36
figma-plugin
16
figma-plugins
16
figma-api
10
typescript
6
design
6
react
6
template
4
boilerplate
4
swiftui
4
swift
4
api
4
flutter
4
figjam-plugin
4
design-system
4
figjam
4
style-dictionary
2
design-tokens
2
amazon-style-dictionary
2
figma-jsonrpc
2
json-rpc
2
testing
2
tailwindcss
2
tailwind
2
svelte
2
responsive
2
html
2
conversion
2
speech
2
recognition
2
colors
2
hacktoberfest2023
2
figma-widget
2
wrapper-api
2
webapi
2
python3
2
python
2
xcode
2
typography
2
swift-ui
2
ios
2
figmaapi
2
android-studio
2
android
2
generator
2
dart
2
tokens
2
theme
2
styles
2
styled-system
2