Macro Design

[whimet]

当前的页面：

[caju290989]

设计的链接⬇️

https://www.figma.com/file/ogTY44KEnU9wVzwezLR7g7/ZenUML-Design-library?type=design&node-id=2314%3A539&mode=design&t=llIuw1aqC3Kk8zvO-1

做了两个排版的设计⬇️

[caju290989]

https://www.figma.com/file/ogTY44KEnU9wVzwezLR7g7/ZenUML-Design-library?type=design&node-id=2314%3A539&mode=design&t=llIuw1aqC3Kk8zvO-1

按照上一次的讨论更新了设计：

1. Macro上移除 "text to content" section，产品专注在"code / draw to diagram"；

2. "Close" 按钮根据Atlassian 的 design Dos & Don't 的建议，改成"Back to Confluence".

3. 主要交互区上，

   • 把default状态下文案的“ No content yet" 改成 “Create and generate editable diagrams by text or drop in an image.” 告知用户产品的功能;
   • 决定用左右布局（左边code / 右边diagram；
   • 在diagram生成后的交互区上，增加文案鼓励用户保存后使用full editor去编辑，只展示一个"Add to confluence"按钮。
   • 对话输入框，和输出区域宽度增大方便更多地展示完整的diagram sequence；
   • 输入框里的 发送指令 "Send"按钮 文案改成“ Generate Diagram";
   • 输入框提示词从“Write a job description for Senior Devops Engineer" 改成生成diagram的提示词去“教 育”鼓励用户：“ e.g. Create a chatbot architecture for a personal banking“ （prompt 内容可讨论）;

[caju290989]

[caju290989]

13 Mar更新：

https://www.figma.com/file/ogTY44KEnU9wVzwezLR7g7/ZenUML-Design-library?type=design&node-id=2314%3A539&mode=design&t=anNGyojiGhfetKus-1

按照meeting讨论的，把Macro界面调整成：

1. 左边是Diagram editor /右边是 text history （每个section title的名字周六讨论）
2. 右边的text history提供隐藏 / 展开的功能， 隐藏/展开的箭头 鼠标hover的时候有tooltip展示。