hi，我是渔夫。
最近发现一个挺适合设计师和 Vibe Coding 玩家的网站：Lander Studio。
直接把 400 多个 Figma 设计模块免费开放出来了。
Hero、Bento Cards、Features、Pricing、Footer……基本上做网站经常会用到的模块，里面都有，你没想到的都有。
使用方式也很非常直接。
找到自己喜欢的设计，点击 Copy to Figma，然后粘贴到自己的 Figma 文件里就行，就点点手指的功夫。
而且它不是那种看起来很好看，复制过去以后却只给你一张合成图片的素材。
里面的文字、按钮、卡片、图层，基本都保留着原本的设计结构，可以继续二次编辑。
所以我觉得，不管是拿来学习优秀的网站设计，还是直接作为自己项目的设计起点，都挺方便。
除了 Figma Blocks，他们还做了一个叫 OriginKit 的东西。
OriginKit 目前有 260 多个动效组件，包括文字动画、交互元素、动态背景、图片画廊、按钮等等。
比较有意思的是，每个组件都可以直接在网页里调整颜色、速度、缓动、粒子数量和各种交互参数。
调好之后，可以直接复制到 React、Next.js 和 TypeScript 项目里。
如果你平时用 Claude、Codex 这些 AI 编程工具，还可以通过 MCP 让 AI 直接调用 OriginKit。
比如你用Codex，它会调用 OriginKit 的 CLI，把官方模板直接拉到本地、解压，然后启动成一个可以直接打开和继续修改的网页项目。
所以它和很多“看着截图让 AI 重新写一遍”的玩法不太一样。
它拿到的是官方模板源码。
OriginKit 的许可也比较友好，可以用于商业项目，不限制项目数量，也不强制署名。
不过有一个边界需要注意：
你可以拿它做自己的项目，但不能把这些组件重新打包成模板或者组件库，再拿去出售和分发。
最近这种适合 Vibe Coding 的设计和开发工具其实越来越多了。
后面再继续挖几个好玩的。