Pencil：可以放弃Figma了！动嘴就能做设计了！
AI时代，大家可以放弃figma了！我现在只需要在claude code上说一个我的设计需求，比如设计个简单的登录页，然后claude code就会刷刷刷的开始帮我做设计，最终帮我生成设计稿！生成好后，我还可以直接点击元素查看和修改元素信息，当然，我们也可以将设计稿转换成代码…
微信赞赏
相关推荐
2026-08-23
千问办公入门（16）！一键打通Figma！摸鱼神器！
还在对着 Figma 设计稿一点点手动抠代码？开发转写页面耗费大半天时间，效率低到头疼！千问办公打通 Figma 连接器就能完美解决这个痛点。 只需要复制番茄时钟的 Figma 设计链接，直接粘贴发给千问办公，AI 就能够依据设计稿快速生成配套代码。原本半天才能做完的开发任务，如今十分钟就轻松搞定。 开启方法也十分简单，找到千问办公内的连接器板块，下滑找到 Figma 选项，按照指引完成授权连接即可解锁这项能力。省下大量重复劳作的时间，赶紧收藏这条教程上手试一试…… 访问入口
2025-12-26
Claude Code LSP！DeepSeek可以用吗？
昨天分享了个Claude Code最新的更新，其中有一个是可以使用LSP来快速查找和定位函数等。有朋友问说我后面接的是国内deepseek等大语言模型的话可以用吗？
！安装和替换国内模型！ .jpg)
2026-01-06
Claude Code 实战(1)！安装和替换国内模型！
趁着元旦假期，计划录一系列claude code的入门视频，为了让国内用户也能实操，背后会用deepseek的模型，这样就免了大家连不上claude的烦恼。 好，开始把…
2026-03-10
Claude Code + NotebookLM！手把手教学！
将Claude Code与Google NotebookLM结合使用，可以产生1+1>2的效果。Claude Code负责编程开发和代码生成，NotebookLM负责知识管理和文档分析。通过这种组合，你可以让NotebookLM分析技术文档和项目资料，然后将分析结果反馈给Claude Code用于更精准的代码生成。本视频手把手教你如何打通这两个AI工具的工作流。 访问入口
2026-01-06
Claude Code 入门（七）！自定义命令！
上一集我们学习了claude code 的plan mode，这一集学习下自定义命令。我们知道通过斜杠命令可以选择很多预定义的命令，比如我们前面几集已经学过的clear, compact， init等命令。我们现在打算自定义一个命令，执行后就能创建一个按钮… 访问入口
2026-07-18
figma-context-mcp：Claude Code打通Figma！手把手实现教学！
本视频教你如何将Claude Code与Figma打通，实现从设计稿到代码的自动化工作流。通过配置Figma API集成和Claude Code的视觉理解能力，你只需提供Figma设计稿链接，Claude就能自动分析设计并生成对应的前端代码。整个过程手把手教学，涵盖了API配置、权限设置和代码生成的最佳实践。
