华为云 · 企业产品设计

Flow —— 华为云

Flow 是一个低代码产品，用可视化配置来搭建业务工作流——连接服务、组织审批逻辑，并把流程规则转化为非工程师也能配置的表单和画布，其中包括 AstroMate，一个 AI 辅助创建路径。

背景

企业团队常常需要把审批、工单和多步骤流程搬到线上——报销、请假、工单分派——而不必为每一个分支、连接器或条件写后端代码。

Flow 把这套流程逻辑变成一张可视化工作流：一张承载分支和动作的画布、用于接入第三方服务的连接器、用于采集结构化数据的表单，以及用于把决策路由给对的人的审批规则——或签、会签或顺序审批。

Flow 还处在华为云更大的 Astro 低代码家族之中，并在手动创建之外提供一条 AI 辅助路径——AstroMate——让一条工作流既可以从一段文字描述开始，也可以从一张空白画布开始。

Flow 是华为云 Astro 低代码产品家族的一部分，聚焦于可视化的工作流创建与自动化。

一个简化的视图，展示用户如何从进入 Flow，走到创建、配置并运行一条工作流。点击任意节点——或聚焦到图上用方向键——查看它对应的页面。

核心挑战在于把技术性的工作流逻辑——连接器、触发器、规则和表单——转化为一个企业团队能够无需读代码就可视化配置的界面。

触发器、分支、数据输入和动作，必须在同一条工作流里协同工作。

节点样式和卡片布局，必须在画布和配置面板之间保持统一。

随着流程复杂度增长，多分支工作流仍要保持可读、易改。

作为 UI 设计师，我设计了 Flow 的多个关键产品界面和可复用的 UI 模式，涵盖工作流画布、产品页面、组件状态、图标体系，以及产品身份。我和一位 UX 设计师搭档：Flow 的交互模型，包括下文的连接器状态和画布校验，由 UX 设计师定义，我负责在此基础上的 UI 设计。

把节点样式、分支规则、交互状态和表单输入，整理成一个跨画布和配置面板复用的 UI 库。

把界面模式从画布延伸到工作台视图、审批流程、表达式编辑器和管理页面。

Flow 标志着我做产品设计方式的一次转变——从设计单个界面，转向思考它们背后的系统。和陌生的企业概念打交道，让我学会把技术逻辑转译为可视化的结构，从而能支撑后续的开发。

虽然我的角色聚焦在 UI 设计，但搭建可复用的页面、组件和模式，成了我从设计屏幕转向设计系统的一个早期步骤。

AstroMate 是我职业生涯里第一次探索 AI 辅助交互设计，也带出了一个贯穿我之后工作的问题：生成的结果应该如何保持可理解、可审阅，并始终处于人的掌控之下。