Back to Plugins
AI Design Studio

AI Design Studio

面向设计师与开发者-用于视觉设计和代码转化的 figma 智能助手

Plugin Preview

AI Design Studio preview

About this plugin

这是一款面向视觉设计师与开发者的 Figma 智能助手,专注打通视觉设计与代码转化的全流程,实现设计稿高效、精准地一键转码。工具可自动解析设计稿图层结构,智能提取尺寸、间距、颜色、字体、阴影、圆角等设计规范与样式变量,输出结构化、可直接复用的设计数据。支持组件识别、样式归一化、自动标注与代码片段生成,大幅减少设计还原、手动标注与重复编码工作。无论是搭建设计系统、输出开发标注,还是快速还原页面、统一团队规范,都能让设计与代码保持高度一致,简化设计交付环节,提升产研协同效率,让设计到开发的转化更智能、更标准、更省心。

Plugin Details

Version5
CreatedMarch 23, 2026
Last UpdatedMay 29, 2026
CategoryAccessibility tools
Creatorokaychen
Stats3 installs, 4 likes
PricingFree

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