目标是做一套“可复用的海报网格模板”：换标题、换副标题、换图片，整体排版仍然自动对齐；需要导出多尺寸（如 1080x1350、1080x1920、A4）时，只改一个变量/约束就能快速适配。
1）新建 Frame：先做一个主尺寸（建议 1080×1350）。把它命名为 Poster / 。
2）建立 8pt 规则：所有间距尽量用 8 的倍数（8/16/24/32），后续 Auto Layout 才更稳定。
3）创建布局网格（Layout Grid）：在右侧属性面板打开 Layout grid，选择 Columns。推荐 12 列，Margin 64，Gutter 24（按你习惯调整，但要保持一致）。
1）创建内容容器：在海报里画一个大矩形（只当容器，不要填色也行），命名为 Content，并设置为 Auto layout（Shift + A）。
2）方向与间距：方向选 Vertical；Padding 64；Item spacing 24。对齐方式选 Left。
3）放入三块内容：依次放入 （大标题）、Sub （副标题）、 （时间/地点/作者等）。
4）文本的 Resize 设置： /Sub 建议设置为 Auto height，宽度用 Fill container，这样换行会自动撑开高度，同时不破坏左右边距。
1）创建 Image 区块：在 Content 上方或下方插入一个矩形，命名 Hero，高度先设 560（示例）。
2）把 Hero 设为 Fill container：宽度 Fill container，高度 Fixed。这样内容宽度随画板变化时，图片始终贴齐边距。
3）使用填充图片（Image Fill）：把图片拖入矩形，Fill 模式用 Fill 或 Fit，再用 Crop 调整焦点。
当你需要从 1080×1350 变成 1080×1920 或 A4 时，最怕的是元素挤在一起。
1）外层 Frame：把海报外层 Frame 的 Auto layout 先关掉（外层通常用约束更直观）。
2）Content 约束：选中 Content，Constraints 设为 Left & Right + Top。这样宽度拉伸，左右边距不变；高度内容自己撑。
3）底部信息条（可选）：如果有底部 Logo/二维码区，把它做成独立 Frame，Constraints 设为 Left & Right + Bottom。
1）把整张海报做成组件：选中海报外层 Frame，Create component，命名 Poster / Template。
2）做 2-3 个变体：例如 Style=Clean、Style=Bold，差异可以是标题字体、背景纹理、Hero 圆角等。这样同一内容能快速换风格。
3）替换图片仍然稳定：实例里只替换 Hero 的 Image Fill，不改尺寸；布局由 Auto Layout + Constraints 保驾护航。
如果你在做系列海报或多尺寸适配，变量会非常省时间。
1）创建变量集合：在 Variables 里建一个集合，比如 PosterTokens。
2）建议的变量：
Spacing：space-16、space-24、space-32；Radius：radius-12；Typography： -size、sub -size。
3）把属性绑定变量：例如 Content 的 padding/spacing、Hero 的圆角、标题字号都绑定到变量。需要“更紧凑/更松弛”时只改变量值。
1）文本宽度是否用 Fill container，避免改画板后文字溢出。
2）图片区是否固定高度、宽度 Fill container，替换图片只换填充。
3）Content 是否用 Left & Right 约束，底部条是否 Bottom 约束。
4）间距是否尽量是 8 的倍数，避免出现“看起来差一点”的缝隙。
1）复制画板：复制 Frame，改尺寸为 1080×1920。
2）检查约束：Content 仍应贴顶、左右拉伸；底部信息条贴底。
3）微调变量：如果内容显得稀疏，把 space-24 改为 space-16 或调整 padding 变量；标题字号同理。
4）导出：用 Export 导出 PNG/JPG；如果要做多版本，建议配合 Figma 的批量导出或用页面管理多个尺寸。
这个模板的关键不是“做一张海报”，而是把节奏（Auto Layout）、边界（Constraints）、可复用（Component/Variants）和可配置（Variables）组合起来。你做一次，后面每次换内容都像填表一样快。
