9. Skywork Design(设计画布)


功能介绍

Skywork Design 是天工 3.1 推出的可视化设计画布,把设计工作从对话框搬到一张可无限延展的画布上。AI 智能体直接在画布上完成整套页面设计,所有操作与修改记录完整留存,适合需要数十轮迭代才能定稿的复杂项目。可以说,对话框是草稿纸,画布才是专业工作台。

从界面顶部的「天工设计智能体(Beta)」入口即可进入。

进入后,画布会以"今天我们一起设计什么?"开场。你可以用以下几种方式开始:

① 直接描述需求:在左下角输入框中输入设计需求即可,提示语为"描述你想设计的内容,或 @skill 进行更多操作",输入框下方还有一个「自动」下拉可选择移动端或者网页端,也可以不选择,天工自动生成。页面也提供了"设计个人投资组合追踪 App""设计一个律师事务所官网"等示例,点击即可快速体验。

② 从素材开始:左侧「从素材开始」提供四种起点,让 AI 在既定基础上开展设计——

入口作用
创建设计规范先定义品牌色、字体、组件等设计规范,后续页面统一遵循
参考图片上传参考图,让 AI 提炼其风格与构图再创作
参考网站提供参考网站,让 AI 借鉴其布局与风格
导入 Figma导入 Figma 设计文件(标注"即将上线")

③ 从灵感与项目继续:右侧「灵感」区陈列了一批官方示例设计(网站、App 界面等)供参考取用;「项目」区则用于管理你的设计项目,点击「+ 新建项目」可新建一个空白设计项目。

在输入框输入:

植物首页(植物卡片+今日浇水提醒)、植物详情(浇水/光照/施肥计划)、养护日历、拍照识别与百科页。视觉风格:清新自然的植物风,参考 Planta。奶油白(#F6F4EC)+ 叶绿(#5E7B52)+ 陶土橙点缀,细腻植物插画与微距摄影、圆角柔和卡片、友好的无衬线字,整体清新、治愈、让人想好好养护。

生成效果展示

主要应用场景

  • 官网整站搭建:一次铺开首页、子页面等整套页面,统一风格
  • App / 网页应用原型制作:从需求到完整 UI 项目
  • 资料转设计:把已有文档、资料转成设计稿
  • 参考图复刻:上传参考图让 AI 提炼风格并复现

核心特性

  • 统一设计规范:可上传品牌手册、组件库说明让 AI 提炼并严格遵循,保证所有页面视觉风格一致;也可直接选用官方预设规范
  • 历史不丢失:第 10 轮、第 20 轮、第 40 轮的修改都沉淀在可视化空间里,不会消失在对话时间线中
  • 成果可导出 / 回传:支持导出图片、Figma 分层文件或代码压缩包,也可回传天工平台生成可访问的网页、汇报 PPT 与完整产品文档
  • 与主站打通:账号、积分、会员权益、Memory 与知识库共用一套体系

说明:Skywork Design 已面向海内外用户全面开放,国内与海外同步上线。

使用示例

App 原型设计

做一款健康管理 App,用荧光绿作为主色调,包含首页(今日数据概览)、
运动记录、数据图表、个人中心四个页面,深色背景、科技感强,
卡片圆角、信息层级清晰

官网整站搭建

为一家律师事务所设计官网,包含首页、业务领域、律师团队、
成功案例、联系我们五个页面。整体风格专业稳重,深蓝+金色点缀,
首页要有醒目的咨询入口

先定规范,再批量出页

先根据我上传的品牌手册建立设计规范(主色、字体、按钮样式),
然后基于该规范生成电商 App 的商品列表页、商品详情页、
购物车和结算页,保证四个页面风格统一

参考图复刻

参考我上传的这张界面截图的整体风格和配色,
帮我设计一套记账 App 的首页与账单详情页

提示:复杂项目建议"先确立设计规范,再逐页生成与迭代",这样跨越数十轮也能始终保持品牌一致性。

评论

0
还没有评论,来写第一条吧