狗熊有话说 / BearTalk

刚读完 我们为什么吃（太多），我终于把饮食、肥胖和“自律失败”之间最拧巴的几个矛盾点解开了。

这本书最重要的贡献，不是告诉你该吃什么，而是解释一件事：
人体不是一个可以靠意志力随意压秤的系统。

作者提出了“体重定点”这个概念。你反复节食、拼命运动，短期可能会瘦，但如果是在硬拧系统，系统一定会通过饥饿、情绪波动、代谢下降，把你拉回原位，甚至调得更高。

这一期我会聊：
• 为什么反复节食，反而可能是最容易增肥的方式
• 脂肪不只是热量，而是会改变身体反馈系统的“材料”
• 欧米伽-3 / 欧米伽-6 失衡，如何悄悄把身体推向储存模式
• 为什么“看起来很健康”的现代饮食，反而让人更容易胖
• 如何把策略从“少吃多动”，转成“调系统”

如果你也长期卡在“控制靠意志力、反弹靠命”的循环里，这一期值得听。

Shownote:

• 为什么健康饮食领域像一场宗教战争
• 美国“官方健康饮食建议”和肥胖率的反直觉关系
• 什么是体重定点（set point）
• 为什么身体会主动“防守”你的减肥行为
• 反复节食，为什么可能抬高体重定点
• 把脂肪从“热量”重新理解为系统级材料
• 欧米伽-3 与欧米伽-6 的比例问题
• 为什么植物油不是邪恶，但在现代饮食中被工业化放大
• 慢性炎症、胰岛素、瘦素之间的关系
• 为什么你会更饿、更想吃、更难动用脂肪
• 加工食品如何系统性地训练你的食欲
• 为什么“低脂”“健康”标签反而降低警觉
• 把饮食策略从“掉秤”转向“调系统”
• 我的行动版本：食材、油脂、外食、睡眠和运动
• 为什么运动不是“消耗热量的惩罚”
• 把自责，从饮食这件事里拿掉

Support this podcast at — https://redcircle.com/beartalk/donations

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

这一期我聊《$100M Offers》里最硬核、最能落地的部分：很多人卖不动，并不是文案不行、流量不够、你不够努力，而是你给出的“交易”（Offer）本身就不够有吸引力。

我会把书里真正有用的框架拆出来，逼自己重新对齐三个问题：你到底在卖什么？你站在什么市场里？为什么对方会在“此刻”掏钱？这不是话术课，而是一次把直觉变成清晰判断的训练。

同时我也分享了最近的一些真实进展与工具启发：首周客户项目的节奏差异、用 Mobbin 快速收集付费墙案例、以及我对 2026 职业与创作的几条自我期许。

最后还会聊到一个我最近很依赖的系统：把 ChatGPT 当作健身与饮食顾问，以及我把“午饭后散步”变成身体和头脑同时充电的仪式感。

---

Support this podcast at — https://redcircle.com/beartalk/donations

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

### 本期简介

你有没有一个 Figma 落地页，设计早就做完了，却一直没上线？拦住你的往往不是设计本身，而是环境配置、响应式适配、部署和域名这些"技术活"。

这期节目里，Bear 完整拆解了自己用 **Claude Code** 将 Figma 静态设计稿发布为真实网站的全过程——零编程经验，半天完成，全程自然语言操作。适用于落地页、作品集、案例研究等静态网站场景。

---

### 核心流程拆解

**第一步：用 Plan Mode 规划全局**
在 Claude Code 中按 `Shift + Tab × 2` 进入 Plan Mode，先让 AI 制定完整方案，不急着执行。框架、步骤、依赖项一次看清楚，满意再开始。

**第二步：连接 Figma MCP，提取设计 Token**
把 Figma 设计链接丢给 Claude，让它连接 MCP 自动识别颜色、字体、间距等设计 Token，以及各个页面区块的结构。

**第三步：搭建本地环境并还原设计**
框架选用 **Next.js + Tailwind CSS**，大约 20 分钟，Claude 就能把 90% 的设计稿还原成本地可运行的网站。

**第四步：做响应式，但别全靠 AI**
移动端适配时，如果 AI 在同一个问题上反复循环（比如 Hero 图片裁剪方式），不要硬耗 Token——**手动去 Figma 做好裁好的图，直接替换**，效率更高。这是本期最重要的一个教训。

**第五步：截图 + 粘贴调整细节**
发现哪里和设计稿不对，直接截图 `Ctrl+V` 粘到 Claude，描述问题，它会自动对照原始设计修复。加箭头标注效果更好，就像和坐在旁边的开发一起协作。

**第六步：上传 GitHub，部署到 Vercel，连接域名**
一切搞定后，让 Claude 把代码推到 GitHub，连接 Vercel 托管，再绑定自己的域名。还顺带生成了 README 和博客草稿。

---

### 三条关键收获

1. **控制范围**：你在发布落地页，不是在造产品，保持克制
2. **先规划，再迭代**：Plan Mode 先行，配合小步视觉检查
3. **知道边界**：AI 在主观视觉判断上容易卡壳，这时候人工介入反而更快

---

### 提到的工具与资源

- 🔗 [Claude Code](https://claude.ai) — Anthropic 出品的 AI 终端工具，支持自然语言开发
- 🎨 **Figma** — 设计稿来源及手动裁图备用工具
- ⚡ **Next.js + Tailwind CSS** — 本次项目技术栈
- 🚀 **Vercel** — 网站托管平台
- 🌐 **bareliew.com** — Bear 本人的分形设计合伙人落地页（本期案例）

Support this podcast at — https://redcircle.com/beartalk/donations

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

本期 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 高保真设计，完成最终落地页。

Support this podcast at — https://redcircle.com/beartalk/donations

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

本期 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 高保真设计，完成最终落地页。

Support this podcast at — https://redcircle.com/beartalk/donations

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy