LOCAL DESIGN WORKSPACE

沿着设计流程继续工作

项目背景只需填写一次，后续任务会继承同一份上下文和产物。

本地原型 · 未连接 AI 模型

当前项目本轮目标

RECOMMENDED NEXT

先补充项目背景

本地保存

填写当前项目和目标后，再从研究诊断开始，后续任务会沿用这些信息。

PROJECT ARTIFACTS

当前产物

0审美案例

0自定义规则

0已保存产物

DESIGN PROCESS

按阶段选择辅助能力

实线能力可在本地完成；虚线能力仅预览输出结构。

01

研究与诊断发现问题，形成设计依据

02

方案设计评审方案并记录已确认规则

03

视觉与系统生产资产并维护设计系统

04

交付与沉淀检查实现，并让判断可复用

NEXT AI CAPABILITIES

后续可接入的设计辅助能力

以下为规划方向，不是当前可用功能。

01

研究资料归纳访谈、问卷和竞品材料 → 洞察与机会点

规划

02

流程缺口检查用户流程 → 断点、遗漏状态与异常路径

规划

03

UX 文案检查界面文案 → 一致性、行动性与错误提示

规划

03

无障碍检查设计稿 → 对比度、触控尺寸与阅读顺序

规划

04

设计标注生成视觉稿 → Token、尺寸、间距与组件说明

规划

05

测试反馈归纳可用性测试记录 → 问题聚类与优先级

规划

DESIGN ASSISTANT

提交设计任务，获得
可执行的处理结果

支持页面评审、方案对比和设计方向生成。

知识来源Winni Design Rules 12 条规则 · 48 个案例已连接

当前为结果结构预览尚未连接多模态模型，上传图片不会触发真实视觉识别，也不会引用案例库。你可以查看未来输出结构，但不会生成伪造的分析结论。

未连接 AI

01

上传待评审页面

↥拖入页面截图，或点击上传支持 PNG、JPG，建议上传完整页面

B上传方案 B用于和方案 A 进行对比

设计需求

页面类型希望呈现的气质

背景与限制可选

⌾ 图片仅用于本次评审；正式版可配置私有存储

✦

等待一次设计判断

上传截图后，这里会呈现问题优先级、修改建议与案例依据。

OUTPUT PREVIEW

真实分析将在连接模型后生成

未检索规则 · 未分析图片 · 无置信度

AI 总结

页面已经具备轻量科技感，但核心任务没有形成足够强的视觉锚点。当前卡片、标题与按钮竞争注意力，削弱了首屏的行动引导。

优先修改

3 个关键问题

阻断

核心操作缺少视觉主次

主按钮与辅助卡片的颜色、面积和明度接近，用户第一眼无法判断下一步。

将主操作集中到单一高对比区域；辅助卡片降低 15–20% 明度，缩小装饰图形，保留一条明确行动路径。

重要

弥散渐变没有参与空间塑造

渐变目前更像背景装饰，没有托住标题或关键操作区域。

把暖色光斑移动到核心内容背后，用冷色控制页面边缘；降低饱和度并扩大模糊半径。

优化

卡片边界略显模板化

统一白卡加阴影的处理接近通用 SaaS 模板，缺少品牌记忆点。

减少卡片数量，用留白代替部分容器；保留一个半透明核心卡片作为材质锚点。

判断依据

引用 2 个案例 · 2 条规则

交付验收清单

首屏只保留一个最高视觉优先级的操作辅助卡片对比度明显低于核心区域渐变能解释内容焦点，而非独立装饰

UX ANALYSIS

从现状问题到
可执行的改版依据

分析已有体验、评审交互方案，或将竞品材料归纳为设计机会。

分析原则证据、影响、优先级 不把主观偏好包装成结论

当前只生成分析框架材料可上传和整理，但页面不会读取截图内容。接入多模态模型后，才会输出带图片证据的问题与优先级。

结构预览

01

添加现有版本材料

至少上传一项

页面或 Figma 链接 ↥上传页面截图或流程材料点击或拖入文件，也可按 Ctrl / ⌘ + V 粘贴图片

任务场景与已知问题

平台分析深度

◉

等待分析材料

当前可整理输入并预览文档结构，不会生成未经图片分析的问题结论。

ANALYSIS FRAMEWORK

现有版本交互痛点分析

基于当前设置生成可填写的分析框架

未连接 AI

INTERACTION SPECIFICATION

上传交互稿，生成
可交付的交互文档

提取页面流程、控件行为、状态变化、异常边界和待确认项。

输出原则事实、推断、待确认分开 可追溯 · 可评审 · 可验收

当前生成可填写的文档模板不会识别图片中的按钮、页面状态或真实组件。输出会保留材料信息和所选章节，等待设计师填写或后续接入视觉模型。

模板生成

01

添加交互设计

链接或图片至少一项

Figma 设计稿或原型链接 ↥上传交互稿图片点击或拖入图片，也可按 Ctrl / ⌘ + V 直接粘贴

文档名称平台

功能背景与范围可选

☷

等待交互设计

生成后将展示流程摘要、交互规则、状态矩阵和高风险待确认项。

DOCUMENT PREVIEW

交互说明文档

基于当前上传材料生成 · 推断项需要设计师确认

草稿

上传图片0

画面 / 状态—

交互元素—

待确认—

先理解流程，再解释页面

AI 会从截图还原用户所处阶段、核心行为和系统反馈，再说明设计决策与体验价值。交互稿中没有展示的行为会区分为“设计推断”或“优化建议”。

SVG ICON CREATOR

将功能文案转换为
可用的矢量图标

输入功能含义并设置图标规范，生成可预览、复制和下载的 SVG。

生成方式语义解析 + 图标规范 SVG · currentColor · 可编辑路径

01

描述图标功能

必填

功能文案或语义描述描述用户要完成的动作，而不只是图形名称。

02选择图标风格

画布尺寸颜色模式

主色

辅助色

渐变方向

03添加风格参考可选

↥上传参考图图标截图或规范页面

同风格设计规范

◇

等待图标需求

生成后将在这里展示语义转换、尺寸预览和 SVG 代码。

SEMANTIC TRANSLATION

功能动作保存

→

图形隐喻书签

书签比软盘更符合“稍后阅读”的使用语境。

24px · 圆角线性

16px

20px

24px

32px

✓ 安全区✓ 小尺寸可读✓ currentColor✓ 无外部依赖

SVG CODEbookmark.svg

COMPONENT LIBRARY MAINTENANCE

从交互稿提取组件，
创建组件库新版本

分析现有交互稿与目标组件库，只在独立新版本中补充组件，不修改原有内容。

写入策略只增不改 · 新版本写入 原页面、组件和变量保持不变

01

目标组件库将作为只读基线

目标组件库 Figma 链接

F未验证

02

交互稿来源每轮只处理一个功能模块

交互稿 Figma 链接

F未验证

↥上传交互稿图片支持多张 PNG、JPG；图片只能生成候选组件计划

03

本轮维护范围避免一次扫描全部页面

功能模块平台新版本名称组件命名前缀

补充约束可选

▤

等待维护任务

验证链接和维护范围后，先生成不会修改 Figma 的只读计划。

DRY-RUN PLAN

背包模块 · 组件库 v4.1

维护计划待确认

✓

原组件库保持不变不删除、不覆盖、不重命名、不移动现有节点

复用原组件6

新增组件4

新增真实状态3

待设计师确认2

拟执行变更

写入新版本

安全检查

5 / 5

新建独立版本页面或 Section 原组件和 Component Key 保持不变只创建来源中真实出现的状态 PC 与 Mobile 不等比缩放合并所有新增组件记录来源节点

连接状态

当前静态版本已生成维护执行包；连接 Figma 写入服务后才能创建真实新版本。

准备创建新版本…

IMPLEMENTATION INSPECTION

设计稿与实现图
还原差异检查

上传两张同尺寸截图，输出可定位、可标注、可交付给开发的问题清单。

检查范围客观视觉差异 颜色 · 尺寸 · 位置 · 文字 · 样式

当前仅支持示例走查“使用示例图片”可体验标注与导出流程；自定义图片尚未连接视觉对比模型，不会套用示例差异。

示例模式

与设计评审的区别接入视觉模型后，本功能只报告设计稿与实现图之间的客观差异，不输出主观审美建议。

01上传设计稿作为正确视觉基准

⇄

02上传实现图前端页面完整截图

忽略抗锯齿与压缩色差

点击右侧问题可定位标注；点击画面标注可查看详情

CASE LIBRARY

设计案例与
判断依据

上传即收录。先记录真实判断，再把有复用价值的结论提炼为审美规则。

1 · 上传案例与点评→2 · 提炼可复用规则→3 · 复制 Skill 用于评审

⌕

DESIGN RULES

选择风格，复制
可直接使用的评审 Skill

规则不是静态说明页。选择目标风格后，可直接复制评审 Prompt 或完整 Skill。

6可用风格

选择目标风格

决定 AI 评审时使用的视觉语境。

内置规则

暗色沉浸科技

强调景深、光影层级和清晰的视觉焦点。

可直接使用

应该

避免

审美评审 Prompt

从案例提炼的规则

在案例库点击“提炼为规则”后，会自动出现在这里；可继续复制或删除。