返回项目列表

MakeBead — 免费拼豆图案生成器,覆盖 8 种手工玩法

图片转图案 + 自由绘制双形态设计器,覆盖 Perler 拼豆、十字绣、像素画、Minecraft、LEGO、Kandi、钻石画、串珠织机;基于 Astro + Cloudflare Workers + D1 单人开发

MakeBead — 免费拼豆图案生成器,覆盖 8 种手工玩法
客户 Personal product·角色 独立创始人,设计 + 全栈工程·开始 2026年3月31日·访问项目
全栈网页开发AstroReactTypeScriptTailwind CSSshadcn/uiBetter AuthCloudflare个人项目SaaS国际化SEO全栈产品

概述

MakeBead.com 是覆盖 8 种手工玩法的一站式图案生成平台。用户上传一张图片,引擎按真实的拼豆色板(Perler Midi、DMC 绣线、Minecraft 方块、LEGO 砖块、Kandi、钻石画钻头等)做色彩匹配并像素化,自动生成带网格线、色号编码和完整材料清单的打印就绪图案。同时提供自由绘制设计器,可在空白网格上一颗颗放珠。产品支持 11 种语言,内置社区图案库、账户、点赞、收藏和全文搜索,全部跑在 Cloudflare 边缘网络上,响应时间稳定在 50ms 以内。增长完全来自自然搜索、零广告投放:截至 2026 年 8 月 16 日的三个月里,Google 带来 16.3 万次访问,两个月增长约 19 倍。

市场空白

拼豆 / 手工图案这个市场高度碎片化。十字绣、Perler 拼豆、Kandi、LEGO 马赛克、钻石画、Minecraft 像素画各自有几个专用工具,但没有一个产品能覆盖全品类——而老牌专业工具 Beadifier 2023 年底已经关停,留下了空缺。

MakeBead 就是我对这个空缺的回答:一次上传、八种玩法、真实材料清单和社区图案库,全部免费。

零广告投放,三个月从 Google 带来 16.3 万次访问

MakeBead 没有买过一次点击:没有广告投放、没有外链采买、没有达人推广,所有访客都来自 Google 的自然搜索。

截至 2026 年 8 月 16 日的三个月,这带来了 16.3 万次访问、220 万次搜索结果曝光,平均排名 6.1——也就是 Google 第一页。第一个月是 6,200 次访问,最近一个月是 11.9 万次,曲线还在往上走。

而且盘子够宽,不是搭在几个词上:最近一个月的流量来自 2.3 万多个不同的搜索词、分布在 3,600 个页面上。任何单个关键词的波动,甚至一次算法更新,都不会动摇整体。

两个互补的工具形态

MakeBead 提供两个共享同一份网格数据模型的工具形态:一个把任意照片转成图案的 Converter,一个在空白网格上自由绘制图案的 Designer。两者都导出带网格、色号和完整材料清单的打印 PDF / PNG,而且同一份设计可以在 8 种玩法之间随意切换打开。

一个会让产品自己长大的图案库

用户发布的每一份图案都会进入公开图案库:可以按热门、最新、最佳浏览,每种玩法有自己的分区,点赞、收藏、个人主页和搜索都在里面。

真正值钱的是这一点:一份设计从不被它诞生时的那种玩法绑住。把别人的十字绣图打开成拼豆、LEGO 马赛克或者 Minecraft 像素画,直接就能用——一个创意,八种做法。

这也是产品的增长引擎。每一份发布出来的图案,都是一个能被搜索到的新页面;社区自己的作品在不断把入口撑宽,而背后并没有一支内容团队。

11 种语言,11 个市场 — 从第一天就是

手工不是只有英语世界在玩,所以 MakeBead 在做大之前,先做成了多语言:英语、德语、日语、韩语、法语、西班牙语、俄语、泰语、巴西葡语,以及简体与繁体中文。

这里说的本地化是整个体验,而不是翻译一条菜单栏——工具本身、操作引导、可打印的图案表,连像素 logo 都是读者母语的版本。而且每一个语言版本的页面都是一个真实、可分享、能被搜索引擎独立收录的地址。这才是把 11 份翻译变成 11 个市场、而不是同一个站的 11 份副本的关键。

一开始就这么做、而不是事后补,正是今天日本、韩国、西班牙表现得像主场市场、而不是顺带溢出的零头流量的原因。

增长是设计出来的,不是撞上的

这些流量来自一套每周都在跑的流程,而不是一次性的上线推广。

· 先做需求调研,再动手做页面。每个页面都从用户真正会在 Google 里输入的词出发——真实的搜索量、真实的竞争度——只在已经被验证的需求上投入。这个细分里的老牌工具总共只在 47 个搜索词上可见,机会是结构性的。
· 面向每个市场去写,而不是把英文翻译过去。站点支持 11 种语言,每一种都按当地用户真实的搜索习惯来写,而不是英文原句的译文。正是这一条,让站内流量最大的 15 个页面里有 10 个是非英语页面。
· 先度量,再纠正。每一次改动都会在数周后拿 Google 自己的数据复核:不合格的页面被改写或并入表现更好的页面,跑赢的页面继续加码。
· 让 Google 信任这个站。加载够快、结构干净、没有重复和走不通的链接——这些不显眼的基本功,决定了好内容有没有机会被看见。

现在,pixel art generator、perler bead pattern maker 以及它们的日语、韩语对应词,平均排名都在前三。而且这种投入会复利:这些页面每个月都在持续带来访客,而不是预算一停、流量就归零。

技术栈

前端:Astro 6 + React Islands、Base UI、Tailwind CSS 4、Geist 字体。
认证:Better Auth + Better-Auth-Cloudflare 适配器,session 存在 D1。
存储:D1(边缘 SQLite)存元数据 / 点赞 / FTS5 搜索,R2 存上传。
渲染:服务端 canvas 渲染图案缩略图,jsPDF 生成可打印 PDF。
CI / CD:Wrangler 部署 + i18n 烟雾测试(每次发布前跑 269 个跨语言断言)。