二狗PPT可基于“端类型｜通信协议｜数据流向｜关键组件｜灰度控制”五要素输入，5分钟自动生成带分层色块、协议标注和流量权重的多端架构图，支持水平分层与垂直演进两种模板及SVG矢量导出。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要把Web、iOS、Android、小程序四端接入逻辑，用一张图说清数据流向、协议适配与灰度策略，而不是在PPT里堆砌四张截图加箭头——二狗PPT能基于你输入的架构描述，自动生成带分层色块、协议标注和流量权重的多端应用架构图，5分钟内完成技术方案可视化。
成品ppt在线生成，百种模板可供选择☜☜☜☜☜点击使用；
输入结构化架构描述
打开二狗PPT官网→点击首页「AI绘图」按钮→选择「技术架构图」类型。系统默认进入文本描述输入框，此时不要直接粘贴原始会议记录或设计文档段落。
必须按“端类型｜通信协议｜数据流向｜关键组件｜灰度控制”五要素组织语言，例如：“Web端｜HTTPS+WebSocket｜请求经CDN→API网关→业务中台→数据库｜含SSO登录态校验｜全量上线；iOS端｜HTTP/3+gRPC｜直连边缘节点→统一接入层→服务网格｜含动态证书绑定｜灰度10%”。【若漏写“灰度控制”字段，AI将默认生成全量部署图，无法体现演进节奏】
输入完成后点击「生成架构草图」，等待3–8秒，右侧预览区出现带基础色块与连接线的初版图。
自动匹配多端架构模板
生成草图后，左侧工具栏自动展开「架构模式库」，顶部标签切换至「多终端接入」。
方法一：点击「水平分层式」模板→系统将Web/iOS/Android/小程序四端横向并列排布，每端下方自动标注协议图标（?/?/?/?），中间插入双向箭头标注“API网关”与“服务网格”两层中枢节点。
方法二：点击「垂直演进式」模板→按“用户侧→接入层→中台层→数据层”纵向分四区，四端图标以悬浮标签形式锚定在“用户侧”区域右上角，流量线从各端出发汇聚至“接入层”，再向下穿透。
两种模板均默认启用「协议色标」：HTTPS标蓝色、gRPC标紫色、MQTT标橙色，颜色不可手动覆盖，确保跨团队阅读时语义一致。
注入真实组件与流量权重
第一步：双击图中任意端图标（如?），弹出编辑浮层，在「组件名」栏输入“iOS 17.6 + M2芯片适配模块”，在「流量占比」栏填入“12.3%”。
第二步：右键“API网关”节点→选择「添加旁路通道」→在弹出窗口中填写“降级开关：当错误率＞5%时，自动切至备用DNS解析集群”。
第三步：选中所有端到网关之间的连线→点击顶部工具栏「加权标注」按钮→系统自动在每条线上方显示百分比数字，并按数值大小缩放线宽（12.3%线宽＞8.7%线宽）。【线宽差异必须肉眼可辨，若数值差＜0.5%，建议合并同类端或手动调整为整数比】
第四步：拖拽「灰度策略」标签（黄色感叹号图标）至iOS端图标正上方，松手后自动绑定，图中同步浮现小字标注“AB测试｜设备ID哈希路由｜TTL=7d”。
导出为可编辑矢量图
点击右上角「导出」→选择「SVG矢量图」格式→勾选「保留图层结构」→下载文件。
下载后的SVG可在Figma或Illustrator中直接解组编辑，所有端图标、连线、标注均为独立图层，协议色标使用CSS变量定义，方便批量替换主色。
