目标不是“做完一张海报就结束”，而是做出一套可复用的海报骨架：换标题、换卖点、换主视觉，就能快速出新图。我们会把排版拆成 3 个可替换模块（标题区/卖点区/按钮区），并用自动布局与样式变量把间距、字号、颜色统一管理。
1）新建 Frame：移动端建议 1080×1440 或 1080×1920；社媒方图可用 1080×1080。
2）在右侧打开 Layout grid：建议 12 列，Margin 80，Gutter 24（可按品牌规范调整）。
3）开启“像素对齐”：确保描边和图形不糊边。
为避免越做越乱，先定义 4 个层级并写成 Text styles（右侧 Styles → Text → +）：
• H1 标题：64/72（字号/行高），字重 700
• H2 副标题：36/44，字重 600
• Body 正文：28/40，字重 400
• Caption 辅助：22/32，字重 400
提示：行高优先用“固定值”，更稳定；中文排版建议行高不要太紧。
1）放一个 H1 文本，输入主标题；再放一个 H2 文本做副标题。
2）选中两个文本，Shift+A 启用 Auto Layout（垂直方向）。
3）Spacing（间距）先设 16；Padding 设为 0；对齐方式选 Left。
关键设置（决定是否“好改”）：
• 文本框宽度：把 H1/H2 设为 Fill container（填充容器），让换行可控。
• 组件化：Create component，命名如 Hero/ 。以后只替换文字即可。
卖点建议控制在 3 条，每条 12~18 字。做法：
1）新建一个垂直 Auto Layout 容器（Spacing 12）。
2）每条卖点用一行：左侧放一个小圆点/图标（8~12px），右侧放 Body 文本。
3）每条卖点的“图标+文本”再各自做成水平 Auto Layout（Spacing 12）。
做完后把整个卖点区 Create component，命名 Body/Benefits。以后要改成 2 条或 4 条也不费劲：复制/删除一条即可，整体间距自动更新。
按钮不是“画个圆角矩形+文字”就完了，最好也做成可控组件：
1）主按钮：一个 Auto Layout（水平），Padding 24/16（左右/上下），圆角 16。
2）文字使用 Body 或专门做一个 Button 文本样式（例如 28/32，600）。
3）次按钮：同结构但用描边或低对比背景。
命名为 CTA/Primary 和 CTA/Secondary，将来做 A/B 版本只改样式变量。
如果团队版本支持 Variables（变量），建议创建：
• Color/Primary、Color/OnPrimary、Color/Surface、Color/Text
• Radius/SM=12、Radius/MD=16、Radius/LG=24
• Space/1=8、Space/2=12、Space/3=16、Space/4=24、Space/5=32
没有变量也没关系：至少把颜色做成 Color styles，把字号做成 Text styles。核心原则：可复用的东西先样式化，再去做页面。
在画板里按从上到下的顺序摆放：标题区组件 → 卖点区组件 → 按钮区组件。整体建议再包一层垂直 Auto Layout，设置统一 Padding（例如 80）和模块间距（例如 48）。
加入主视觉时，优先用“图片区”做成单独模块：图片 Frame 设为 Fill，开启裁切；这样替换图片不影响排版。
• 是否只用了 4 个字号层级（避免临时字号）？
• 模块是否都是组件（Hero/Benefits/CTA）？
• 文本是否 Fill container，换行是否可控？
• 间距是否来自变量/样式（或至少统一为 8 的倍数）？
• 对比度是否足够（文字可读性优先）？
复制整张海报画板，按顺序替换：主标题/副标题 → 3 条卖点 → 按钮文字 → 主视觉。若换品牌色，只改 Color/Primary（或颜色样式）即可全局更新。这样做海报就像“换文案+换图”，而不是每次从零对齐。
