Back to Plugins
AI Design Studio
面向设计师与开发者-用于视觉设计和代码转化的 figma 智能助手
Plugin Preview
About this plugin
这是一款面向视觉设计师与开发者的 Figma 智能助手，专注打通视觉设计与代码转化的全流程，实现设计稿高效、精准地一键转码。工具可自动解析设计稿图层结构，智能提取尺寸、间距、颜色、字体、阴影、圆角等设计规范与样式变量，输出结构化、可直接复用的设计数据。支持组件识别、样式归一化、自动标注与代码片段生成，大幅减少设计还原、手动标注与重复编码工作。无论是搭建设计系统、输出开发标注，还是快速还原页面、统一团队规范，都能让设计与代码保持高度一致，简化设计交付环节，提升产研协同效率，让设计到开发的转化更智能、更标准、更省心。
Plugin Details
| Version | 5 |
|---|---|
| Created | March 23, 2026 |
| Last Updated | May 29, 2026 |
| Category | Accessibility tools |
| Creator | okaychen |
| Stats | 3 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Used for local WebSocket communication during development to connect to a local dev server.
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://openrouter.ai
- https://qianfan.baidubce.com
- https://unpkg.com
- ws://localhost:49152
- ws://localhost:49153
- ws://localhost:49154
- ws://localhost:49155
- ws://localhost:49156
- ws://localhost:49157
- ws://localhost:49158
- ws://localhost:49159
- ws://localhost:49160
- ws://localhost:49161
- ws://localhost:49162
- ws://localhost:49163
- ws://localhost:49164
- ws://localhost:49165
- ws://localhost:49166
- ws://localhost:49167
- ws://localhost:49168
- ws://localhost:49169
- ws://localhost:49170
- ws://localhost:49171
- ws://localhost:49172
- ws://localhost:49173
- ws://localhost:49174
- ws://localhost:49175
- ws://localhost:49176
- ws://localhost:49177
- ws://localhost:49178
- ws://localhost:49179
- ws://localhost:49180
- ws://localhost:49181
- ws://localhost:49182
- ws://localhost:49183
- ws://localhost:49184
- ws://localhost:49185
- ws://localhost:49186
- ws://localhost:49187
- ws://localhost:49188
- ws://localhost:49189
- ws://localhost:49190
- ws://localhost:49191
- ws://localhost:49192
- ws://localhost:49193
- ws://localhost:49194
- ws://localhost:49195
- ws://localhost:49196
- ws://localhost:49197
- ws://localhost:49198
- ws://localhost:49199
- ws://localhost:49200
More Like This
Discover other plugins in the Accessibility tools category.