Visily

Visily 设计转响应式代码

把 Visily 画板转换成采用原主题令牌的响应式代码。

加入项目

这个插件是做什么的

查找 Visily 画板与页面,把设计转换为响应式应用代码,并将画板主题令牌应用到项目。

实际使用时,可以先从“按名称查找画板”开始,再根据任务继续“把指定页面转成响应式代码”,并把“将设计主题令牌接入现有项目”纳入同一流程。官方目录列出的 1 个应用或连接器会按具体任务参与处理。

它更适合使用 Visily 的产品设计师、实现设计稿的前端开发者和拥有 Pro 或 Business 编辑权限的团队,尤其是希望把 Visily 画板转换成采用原主题令牌的响应式代码,并把相关资料与操作集中在 Codex 中完成的场景。

查看官方英文说明

Bring Visily designs into ChatGPT. Find boards and screens, turn Visily designs into responsive application code, and apply board theme tokens to your project. Connect a Pro or Business workspace with an editor license using OAuth, then share a Visily link or ask for a board by name.

解决什么问题

  • 缩短产品设计稿到前端实现之间的交接
  • 让代码更贴近已有画板和设计主题
  • 难以按名称查找画板
  • 难以把指定页面转成响应式代码
  • 难以将设计主题令牌接入现有项目

适合哪些用户

  • 使用 Visily 的产品设计师
  • 实现设计稿的前端开发者
  • 拥有 Pro 或 Business 编辑权限的团队

适合完成哪些任务

  • 按名称查找画板
  • 把指定页面转成响应式代码
  • 将设计主题令牌接入现有项目

包含的应用连接器

应用与连接器(1)

Visily

使用前注意事项

安装 Visily 时可能需要连接发布者账户,具体权限取决于你的套餐、地区和工作区管理员设置。 插件不会绕过外部服务权限,只能访问当前账户本来就有权访问的数据和操作。 官方目录当前没有提供单条插件的最近更新时间;达灵感不会用目录同步时间冒充更新时间。

安装到 Codex

当前官方目录未提供可直接复制的命令。你可以复制下面的安装指令并发送给 Codex,Codex 会查找对应插件并发起安装确认。