43:I[58016,["/_next/static/chunks/b5ea50e123aa84a6.js","/_next/static/chunks/050761d0d0bdc5d8.js","/_next/static/chunks/de880ec5a0241b38.js","/_next/static/chunks/48003610e91209eb.js","/_next/static/chunks/15a1b1fbd3cf7d4a.js","/_next/static/chunks/81ce7bf5f20dbd5a.js","/_next/static/chunks/86498082dde169e6.js","/_next/static/chunks/903c358828afe0bc.js","/_next/static/chunks/f63fb02bc4156bfb.js","/_next/static/chunks/88bed98e5cd5e639.js"],"ProcessEpisodeButton"] 45:I[185,["/_next/static/chunks/b5ea50e123aa84a6.js","/_next/static/chunks/050761d0d0bdc5d8.js","/_next/static/chunks/de880ec5a0241b38.js","/_next/static/chunks/48003610e91209eb.js","/_next/static/chunks/15a1b1fbd3cf7d4a.js","/_next/static/chunks/81ce7bf5f20dbd5a.js","/_next/static/chunks/86498082dde169e6.js","/_next/static/chunks/903c358828afe0bc.js","/_next/static/chunks/f63fb02bc4156bfb.js","/_next/static/chunks/88bed98e5cd5e639.js"],"SendEmailButton"] 46:I[45269,["/_next/static/chunks/b5ea50e123aa84a6.js","/_next/static/chunks/050761d0d0bdc5d8.js","/_next/static/chunks/de880ec5a0241b38.js","/_next/static/chunks/48003610e91209eb.js","/_next/static/chunks/15a1b1fbd3cf7d4a.js","/_next/static/chunks/81ce7bf5f20dbd5a.js","/_next/static/chunks/86498082dde169e6.js","/_next/static/chunks/903c358828afe0bc.js","/_next/static/chunks/f63fb02bc4156bfb.js","/_next/static/chunks/88bed98e5cd5e639.js"],"SignupCTA"] 48:I[56939,["/_next/static/chunks/b5ea50e123aa84a6.js","/_next/static/chunks/050761d0d0bdc5d8.js","/_next/static/chunks/de880ec5a0241b38.js","/_next/static/chunks/48003610e91209eb.js","/_next/static/chunks/15a1b1fbd3cf7d4a.js","/_next/static/chunks/81ce7bf5f20dbd5a.js","/_next/static/chunks/86498082dde169e6.js","/_next/static/chunks/903c358828afe0bc.js","/_next/static/chunks/f63fb02bc4156bfb.js","/_next/static/chunks/88bed98e5cd5e639.js"],"EpisodeTranscript"] 3d:["$","span",null,{"className":"inline-flex items-center gap-2 bg-secondary/50 px-3 py-1 rounded-full","children":[["$","svg",null,{"className":"w-4 h-4","fill":"none","stroke":"currentColor","viewBox":"0 0 24 24","children":["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":2,"d":"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"}]}],["$","time",null,{"dateTime":"2026-02-24T20:10:44.000Z","children":"Tue Feb 24 2026"}]]}] 44:T7bb,

本期 Bear 用自己的 FDP（兼职设计合伙人）落地页作为真实案例，完整演示了一套「Stitch 开始，Figma 收尾」的 AI 辅助设计工作流。如果你还没有把 AI 工具融入设计流程，这期值得一听。

🔑 核心观点



最难的不是设计，是开始。空白页是所有设计师的公敌，AI 工具的价值在于帮你跨过这道坎。

Stitch 不是一键出图的魔法，而是信息与灵感的收集器。 Bear 强调，他用 Stitch 的方式是多次迭代，而不是指望一次 prompt 出完美结果。

Stitch → Figma 是接力，不是替代。 AI 负责快速起草线框与变体，Figma 负责精修落地。

🛠 工作流步骤拆解



内容先行：用任意 LLM（Claude / Gemini / ChatGPT）整理好落地页的文案结构，包括 Hero 标题、社会证明、价格、CTA 等。

用 Stitch 生成线框：把内容丢给 Stitch，要求忽略颜色和字体，只生成结构线框，快速验证信息层级是否合理。

多端预览：Stitch 支持移动端、平板预览及扫码查看实机效果，线框阶段就能发现布局问题。

生成风格变体：在线框基础上，附上字体和色彩规范，让 Stitch 生成多个视觉方向，用于收集灵感（Bear 从中发现了”可接单状态标签”这个细节，并用到了最终稿里）。

导入 Figma： - 旧方法：导出 ZIP 文件 → 用 HTML to Design 插件导入 Figma（每月 10 次免费） - 新方法：Stitch 直接「Copy to Figma」→ 在 Figma 中 Command + V 粘贴，省去一步

Figma 内精修：从 Lo-fi 线框推进到 Hi-fi 高保真设计

#547 设计师为什么要试试 Google Stitch？- Skip the Blank Page: A Designer's Real Workflow with Stitch and Figma