gutenbergdocs/docs/explanations/user-interface/design-resources.md
2025-10-22 01:40:18 +08:00

55 lines
2.6 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 资源
## Figma
[WordPress设计团队](https://make.wordpress.org/design/)使用[Figma](https://www.figma.com/)进行协作与成果共享。若您希望参与贡献,可通过[WordPress Figma设计资源库](https://make.wordpress.org/design/handbook/get-involved/tools-figma/)制作设计原型。您也可以加入[Slack](https://make.wordpress.org/chat/)的[#design频道](https://app.slack.com/client/T024MFP4J/C02S78ZAL)进行咨询交流。Figma提供免费账户通过该账户您可以使用共享资源库中的组件或通过复制文件至草稿箱进行编辑。对WordPress资源库的完整编辑权限为付费功能仅限设计团队使用。
### 如何参与贡献
### Figma使用学习资源
[Figma入门指南](https://help.figma.com/category/9-getting-started)
[UI/UX设计必备Figma在线教程精选](https://medium.com/quick-design/top-online-tutorials-to-learn-figma-for-ui-ux-design-4e9c6721a72d)
[Figma功能导览](https://help.figma.com/article/12-getting-familiar-with-figma)
### 文件与项目使用指南
[Figma文件与项目入门](https://help.figma.com/article/298-getting-started-with-files-and-projects)
[什么是文件?](https://help.figma.com/article/298-getting-started-with-files-and-projects#files)
[什么是项目?](https://help.figma.com/article/298-getting-started-with-files-and-projects#projects)
[视频教程](https://www.youtube.com/watch?v=c5HS6smhq2E)
[常见问题解答](https://help.figma.com/article/298-getting-started-with-files-and-projects#faq)
### 组件使用指南
[组件功能入门](https://help.figma.com/article/66-components)
[什么是组件?](https://help.figma.com/article/66-components#components)
[视频教程](https://help.figma.com/article/66-components#videos)
### WordPress Figma资源库使用指南
**如何在Figma中启用WordPress组件库**
![启用Figma资源库动态演示](https://wordpress.org/gutenberg/files/2019/08/figma-howtoturnonlibraries.gif)
1. 点击**资源面板**中的**团队资源库**图标:
![悬停显示团队资源库图标](https://wordpress.org/gutenberg/files/2019/08/figma-turn-on-libraries-e1564770916643.png)
2. 开启**资源库**弹窗后您可查看可用资源库列表。通过切换按钮_启用_或_禁用_特定资源库
![在Figma中启用WordPress组件库](https://wordpress.org/gutenberg/files/2019/08/figma-libraries-e1564770879415.png)
**如何优化或贡献WordPress组件React库即将推出**
Figma中的WordPress组件与实时React组件保持同步。关于如何优化或贡献React版WordPress组件的文档即将发布。
如有疑问欢迎随时在WordPress社区Slack的#design频道中提出。