架构师修行录

用AI画专业级架构图

鹿Sir上线,见字如面。

作为架构师,你是否也遇到过这些尴尬时刻?手绘架构图半天调不对布局,用专业工具拖拽组件耗上几小时,改个板块颜色又得重新调整关联元素……原本聚焦架构设计的精力,全被绘图细节消磨殆尽。

如今,AI绘图工具已能轻松解决这些痛点,但不少人用完却直呼“翻车”——要么风格杂乱无章,要么关键组件缺失,要么层级逻辑混乱。其实问题核心不在AI,而在你是否掌握了“精准指令”的设计秘诀。

今天就以电商平台架构图生成为例,鹿Sir手把手教你用AI画出专业级架构图。

0x1

AI绘图,到底要“喂”给它什么?

AI本质是“听话的执行者”,但它无法读懂你的“潜台词”。要生成符合预期的架构图,prompt必须满足三个核心原则:身份明确化、要求具象化、元素清单化。

架构图的专业性极强,首先得给AI设定清晰的“专业身份”,比如“10年以上电商系统架构设计经验的资深应用架构师”,让AI输出的内容符合行业规范。

其次,“好看”“专业”这类模糊描述毫无意义,必须转化为可执行的具体要求,比如“横向主板块标题左侧竖向排版”“支付平台用钱包图标”。

最后,架构图的核心元素绝不能遗漏,需列出完整的组件清单和关联逻辑。

0x2

一份直接复用的架构图prompt

以基于Spring Cloud Alibaba生态的电商平台架构图为例,我们来构建一份精准prompt。这份prompt经过多次迭代优化,能直接适配主流AI绘图工具(如MidJourney、文心一格、通义万相、NanoAI、Gemini等)。

这里鹿Sir给大家推荐一个能绘制专业级架构图的国产生图AI:

免费领取一天 NanoAI 会员,赶快来体验吧:

https://www.nanoai.cn?from=invite&invite_id=39943256

记得复制上面的链接进,不然就要像鹿Sir一样要花198开个会员才能用。

使用方式也很简单:

Image
Image

点击「开始生成」后,右侧能实时呈现效果,需要等待1~3分钟。

以下是鹿Sir花了一天反复调试的Prompt,大家作为模板去修改即可。

AI生成提示词:

你是拥有10年以上电商系统架构设计经验的资深应用架构师,需严格按照以下规范创建电商平台架构图。该架构基于 Spring Cloud Alibaba 生态构建,是分层清晰、高可用、可扩展的微服务架构,需兼顾科技感、逻辑性、视觉统一性,满足专业架构展示标准。一、 核心设计要求1. 标题与风格- 顶部居中放置大标题:电商平台架构,字体加粗、醒目,字号大于所有板块标题。- 整体风格:简洁现代,背景为纯白色,无多余装饰;不同主板块用差异化色系区分,色系统一且协调。- 标签样式:主板块标题用窄边小标签突出,横向主板块的标题置于板块左侧,文字竖向排版;纵向主板块及子板块的标题置于顶部,文字横向排版;子板块左侧禁止设计标题。2. 图标与组件规范- 角色、终端、网关、基础设施、第三方服务、数据底座 六大主板块,需为每个板块配置符合业务属性的图标,图标色系与板块标题背景色一致;其中支付平台强制使用钱包图标。- 聚合代理、能力中心 两个板块内的所有应用,无需配置图标,仅用统一规格矩形框包裹,内部文字矩阵对齐,矩形框间距均匀。- 所有组件、角色、服务名称无重复、无遗漏,严格匹配下方元素清单。3. 布局与对齐规则- 纵向贯穿板块:角色、终端 两个横向板块的左右图形,需垂直贯穿下方所有板块;角色+终端的左边界与基础设施左边界完全对齐,右边界与第三方服务右边界完全对齐,整体架构无凹凸不平的边缘。- 板块层级对齐:所有横向板块(网关、聚合代理、能力中心、数据底座)水平对齐;纵向板块(基础设施、第三方服务)上边界与网关上边界对齐,垂直贯穿横向板块(网关、聚合代理、能力中心、数据底座)- 子板块排版:主板块内若包含子板块,子板块需纵向排列且与所属主板块垂直居中对齐;子板块宽度允许少量不一致,整体保持视觉平衡;子板块内容使用文字向下平铺无需包裹,水平居中对齐。4. 箭头与链路规范- 层级交互箭头:横向板块之间仅用单个向下大箭头连接,箭头旁标注交互说明;禁止在板块内子组件间绘制多个小箭头(网关组件除外)。- 特殊链路处理:网关内的组件,用右向箭头依次连接;基础设施、第三方服务 两个纵向板块,禁止与任何其他板块绘制箭头或连线。- 箭头标注:所有箭头的交互说明文字,需紧贴箭头旁,字体清晰,与箭头方向一致。二、 架构分层与核心元素(严格按此内容绘制,不得增减)整体架构采用多层模型,外网接入协议为 HTTP,内部服务通信协议为 Dubbo RPC,实现内外网隔离;按数据流向从上至下分层,各板块元素如下:横向分层板块(从上至下依次排列)1. 角色(横向板块,顶部第一层)- 包含元素:用户、会员、服务商/供应商、平台运营- 交互箭头:向下单向大箭头,标注 交互请求,连接至下一层「终端」。2. 终端(横向板块,第二层)- 包含元素:C端商城(小程序、APP)、移动工作台(小程序)、运营管理后台(PC端)、收银机系统(终端APP)、电商客服(APP)、开放平台(ERP接入等)- 交互箭头:向下单向大箭头,标注 HTTPS请求,连接至下一层「网关」。3. 网关(横向板块,第三层)- 板块属性:横向主板块,标题左侧竖向排版- 内部组件(右向箭头依次连接):阿里云DDOS(流量防护)→ 阿里云WAF(网络防火墙)→ 阿里云ALB(负载均衡)→ SpringCloud Gateway(API网关/负载/鉴权)- 交互箭头:向下单向大箭头,标注 HTTP请求分发,连接至下一层「聚合代理」。4. 聚合代理(横向板块,第四层)- 板块属性:横向主板块,标题左侧竖向排版;内部应用无图标,矩形框包裹,矩阵对齐- 包含应用:用户代理、商城代理、商品代理、店铺代理、直播代理、营销代理、购物车代理、订单代理、三方API代理、APP代理、高流量代理、……- 交互箭头:向下单向大箭头,标注 RPC调用,连接至下一层「能力中心」。5. 能力中心(横向板块,第五层)- 板块属性:横向主板块,标题左侧竖向排版;内部按领域拆分为7个纵向子板块,子板块垂直居中对齐,无重复设计,内容无遗漏;内部应用无图标,无矩形框包裹- 交互箭头:向下单向大箭头,标注 数据/缓存/消息读写,连接至下一层「数据底座」- 子板块及内容:  - 商品中心:商品列表、商品搜索、商品工单、库存管理、供应商管理、订单推送、履约管理  - 直播中心:主播管理、直播管理、直播商品管理、直播中控台、直播线路管理  - 交易中心:订单管理、订单搜索、价格计算、支付能力、提现管理、结算管理、分账管理、购物车、售后管理  - 营销中心:满减券、叠加券、优惠活动、福卡、大转盘、……  - 用户中心:用户管理、会员管理、服务商入驻、服务商管理、积分账号、积分商城、服务商奖励  - 消息中心:站内信、供应商公告、平台消息公告、IM用户管理、IM单聊管理、IM群管理、IM消息管理  - 其他模块:生活号、客服系统、团购接龙6. 数据底座(横向板块,第六层)- 板块属性:横向主板块,标题左侧竖向排版;配置对应图标,图标色系与板块标题色一致- 包含元素:  - MySQL/PolarDB(核心业务数据):存储订单、用户、商品等关键业务数据  - Redis(缓存/分布式锁):热点数据缓存、分布式锁  - ElasticSearch(搜索/分析):商品搜索、复杂数据检索分析  - 阿里SLS(日志分析):系统日志收集与分析  - RocketMQ(消息/解耦):服务间异步通讯解耦纵向贯穿板块(终端板块下方左右两侧,垂直贯穿网关、聚合代理、能力中心、数据底座板块)7. 基础设施(左下方纵向板块)- 位置:左边界与终端板块左边界对齐,上边界与网关板块上边界对齐,标题顶部横向排版- 包含元素(配置对应图标,图标色系与板块标题色一致):Nacos(注册/配置)、Sentinel(熔断限流)、Prometheus(硬件监控)、Zipkin(链路追踪)、xxl-job(任务调度)、k8s/Jenkins(CI/CD)- 特殊要求:无任何箭头或连线与其他板块交互。8. 第三方服务(右下方纵向板块)- 位置:右边界与终端板块右边界对齐,上边界与网关板块上边界对齐,标题顶部横向排版- 包含元素(配置对应图标,图标色系与板块标题色一致;支付平台用钱包图标):微信授权、支付平台(微信/支付宝/通联)、短信推送、订阅推送、客服平台、ERP推单(聚水潭/旺店通)、实时物流- 特殊要求:无任何箭头或连线与其他板块交互。三、 最终校验标准1. 所有板块边界对齐,整体呈规整矩形,无凹凸;2. 箭头仅存在于横向板块之间,且每层仅1个向下大箭头,标注清晰;3. 图标、色系、标签样式统一,符合科技感电商架构视觉要求;4. 无重复元素,无遗漏组件,严格匹配上述分层元素清单。

AI生成效果:

Image

这波AI生成的效果我打8.4分,因为还有1点6。

这里鹿Sir提一杯:AI生成的图得仔细检查一遍,看看有没有遗漏或重复的元素,布局错了也要重新生成,多生成几次就好了,如果Prompt足够准确,那返工的次数也会少很多。

0x3

让AI绘图效果再升级的3个秘诀

掌握了基础prompt框架后,这三个进阶技巧能让你的架构图更具专业质感:

1
风格前缀:给AI明确的“视觉参考”

如果对架构图风格有特定要求,可在prompt开头添加风格前缀,比如“采用科技感线条设计,板块边缘添加轻微渐变光泽,图标使用线性简约风格,箭头采用加粗描边设计”,让AI的视觉输出更精准。

2
问题预判:提前规避常见“翻车点”

架构图最容易出现层级混乱和组件遗漏问题,因此在prompt中加入“严格按从上至下的横向分层顺序绘制,禁止调整板块排列顺序”“所有组件必须标注中文名称,禁止使用英文缩写”等约束,能有效减少修改成本。

3
迭代优化:用“反馈式指令”修正不足

若AI生成的初稿存在细节问题,无需重新写prompt,直接针对性反馈即可。比如“将数据底座板块的Redis图标更换为缓存图标,调整营销中心子板块的宽度与其他子板块一致,将箭头标注文字字号调大2号”。

0x4

AI是工具,精准指令是核心

很多架构师觉得AI绘图“不靠谱”,本质是把AI当成了“猜题者”,而非“执行者”。优质的prompt从来不是一蹴而就的,而是结合业务场景、视觉要求、逻辑规则不断打磨的结果。

通过人工不断打磨生图Prompt,再让AI去帮你优化Prompt,能进一步生成更准确的架构图,谁让『AI更懂AI』呢~

上述电商架构图的prompt模板,不仅可直接复用,更可作为通用框架——只需替换“架构类型”“核心组件”“布局规则”等关键信息,就能生成微服务、分布式、云原生等各类架构图。

下次画架构图前,先花20分钟打磨一份精准prompt,你会发现原本几小时的工作量,AI能在几分钟内完成,而你只需聚焦最核心的架构设计本身。

想想鹿Sir以前画一张架构图得画几天时间,改个尺寸得重来一遍,效率实在太低了,现如今让AI提效后,再也不用手画架构图了,只要一直维护这份生图Prompt就行。

EOF

Image
关于「鹿Sir」

分享架构技术/IT资讯/牛马日常

电商·SaaS架构师/DDD极客,COLA-DDD/DDD4j框架作者

→关注公众号,撩小码鹿「已接入AI」

→加我备注“进群”,进技术大佬群学习