Design Asset Production(DAP)
Obtain all solid color style data with one click and save it to variables in Figma.
Plugin Preview
About this plugin
Introduction:
Obtain all solid color style data with one click and save it to variables in Figma.
Main functions:
Simple and easy to use: users only need to click the button of the plug-in to complete the query and export of color styles.
Method of use:
- Open the Figma document.
- Install and run the plug-in (Design Asset Production(DAP)).
- Click the "colors style to Variable" button in the plug-in interface.
- The plug-in will automatically get the solid color style and add the name and color value to the variable.
- The query and export results are saved in variables in the plug-in and are available to the user at any time.
About the Author:
Hello everyone, my English name is Cheung, Chinese name is Gong Chang Zhang, I am an Internet experience designer.
I love❤Figma also uses a large number of plug-ins at ordinary times, but I find that there are always some needs that cannot meet my needs, so I hope to make a plug-in to satisfy myself, and I don't like to switch plug-ins frequently. I hope the plug-in is in a permanent open state to meet my efficient operation.
This is my first time to learn code compilation to develop plug-ins. Maybe plug-ins are relatively simple because I am still learning to develop them.😂, the development progress will be slower, but I believe this plug-in can satisfy more people, welcome👏Everyone to use!
I also hope that some developers will help me make more creative functions to reduce the working time of designers and developers.
Update log:
NEW
wSupport for user-defined variable collection names
Optimization
Prompt for successful variable creation
Create failed without closing plug-in
- Successfully created without closing the plug-in
Follow-up planning
At present, it is only the first version, with only variable-related content. In the future, more functions of variables and functions to improve efficiency when making components will be added one after another. The future plan is as follows:
Maintaining binding to styles when importing variables, breaking binding of styles to variables, synchronizing styles to variables, etc.
More variable support
Efficiency-enhancing features when making components
Note:
At present, it is only the first version, and more functions will be added one after another in the future.
Maintain associations with styles when importing variables
More variable support
Limited by this time node, the variable support of figma is still very limited, and I will keep the plug-in updated all the time.
If you have any suggestions or ideas in the process of using it, please leave a message in the comment area and I will reply as soon as possible.
At present, the icon and cover of the plug-in have not been designed. If you are interested or have ideas or suggestions, please contact me
My email: [email protected]
简介:
一键获取所有纯色样式数据保存到Figma的变量中。
主要功能:
简单易用:用户只需点击插件的按钮,即可完成颜色样式的查询与导出。
使用方法:
- 打开 Figma 文档。
- 安装并运行本插件(Design Asset Production(DAP))。
- 点击插件界面中的 "colors style to Variable" 按钮。
- 插件将自动获取纯色样式,并将名称和颜色值添加到变量中。
- 查询与导出结果将保存在插件的变量中,随时可供用户使用。
关于作者:
大家好,我的英文名字叫 Cheung,中文名字叫弓长张,我是一名互联网的体验设计师。
我热爱❤️ figma,平时也在大量的使用插件,但是我发现总有一些需求是无法满足我的,所以我希望自己制作一款插件来满足于我自己,而且我也不喜欢频繁切换插件,我希望插件是常驻开启的状态来满足我高效的操作。
这是我第一次自学代码编译来开发插件,可能插件比较简陋,因为我还在学习开发中😂,开发的进度会慢一些,但是我相信这款插件可以满足更多的人,欢迎👏大家来使用!
我也希望有一些开发者会协助我制作更多更有创意的功能,来减少设计师与开发者的工作时间。
更新日志:
新增
支持用户自定义变量集合名称
优化
- 创建变量成功提示
- 创建失败不关闭插件
- 创建成功不关闭插件
后续规划
目前只是第一个版本,仅仅带有变量相关的内容,后续会陆续的增加变量的更多功能和在制作组件时需要的提高效率的功能,未来规划如下:
- 导入变量时保持与样式的绑定、断开样式与变量的绑定、样式与变量的同步等等
- 更多的变量支持
- 制作组件时的提高效率的功能
注意事项:
目前只是第一个版本,后续会陆续的增加更多如下功能
- 导入变量时保持与样式的关联
- 更多的变量支持
受限于这个时间节点,figma 的变量支持还很局限,我会时刻保持插件的更新
在使用的过程中有什么建议或者想法,欢迎在评论区留言,我会在第一时间回复
目前插件的图标和封面还没有设计,如果你感兴趣或者有思路或者建议,欢迎与我联系
Plugin Details
| Version | 2 |
|---|---|
| Created | July 31, 2023 |
| Last Updated | August 10, 2023 |
| Category | Uncategorized |
| Creator | White List |
| Stats | 53 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the same category.