本期 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

狗熊有话说 / BearTalk