这篇教程带你在 Figma 里从 0 到 1 做出一张可交付的海报视觉稿：有清晰的网格、稳定的字体层级、可复用的组件与规范的导出设置。你只要照着做一遍，就能把方法迁移到任何活动海报/宣传图。
1）新建画板：按 F 选择 Frame，创建 1080×1920（竖版）或 1080×1350（社媒常用）尺寸。建议用 1080×1350，本教程以此为例。
2）命名与分层：把画板命名为 Poster_1080x1350；在画板内先建 3 个组：BG（背景）、CONTENT（内容）、DECOR（装饰）。
3）统一字体：先选一个中文无衬线（如思源黑体/苹方）+ 一个英文字体（如 Inter）。如果你只有系统字体也没关系，关键是全稿保持一致。
1）设置 Layout Grid：选中画板，在右侧面板找到 Layout grid → 点击 +。
2）推荐参数（12 列）：
这个组合适合大多数海报，左右留白足够，内容不会挤到边缘。
3）建立基线间距：为了让文字对齐更舒服，你可以额外加一个 Rows 网格（例如 8px），但不是硬性要求。
在 CONTENT 组里先放 4 个信息块（从上到下）：
先用占位文字也行，关键是把层级想清楚再做视觉。
推荐一个简单且好用的层级（你可以按需要微调）：
实操技巧：把这四种文字分别创建成 Text styles（右侧 Text → 样式下拉 → +），后面全稿统一调用，改一次全局同步。
1）对齐原则：所有文字左对齐，且尽量落在网格列线上。主标题可以跨 8-10 列，正文跨 6-8 列更舒服。
2）间距原则：用固定间距做节奏，比如：
3）Auto Layout：把“副标题+信息列表+按钮区”包进一个 Auto Layout（选中这些层 → 右侧 Auto layout）。方向 Vertical，Spacing 设为 16 或 24，之后加内容不会挤乱。
如果你没有现成的品牌色，可以用一个安全公式：
实操：先把背景做成一个大矩形放到 BG 组，添加轻微渐变（上浅下深），再加 1-2 个模糊圆形做氛围（放在 DECOR 组并降低不透明度到 10%-20%）。
1）检查边距：内容与画板边缘至少 64px，避免发布平台裁切。
2）导出设置：选中画板 → Export：
3）命名规范：poster_theme_1080x1350_v1.png，方便团队协作与版本回溯。
最后给你一个可复制的文案结构（替换内容即可用）：
照这个结构做，配合网格与字体层级，基本不会翻车。
