圖片轉圖案 + 自由繪製雙形態設計器,涵蓋 Perler 拼豆、十字繡、像素畫、Minecraft、LEGO、Kandi、鑽石畫、串珠織機;基於 Astro + Cloudflare Workers + D1 單人開發

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 就是我對這個空缺的回答:一次上傳、八種玩法、真實材料清單和社群圖案庫,全部免費。
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 像素畫,直接就能用——一個創意,八種做法。
這也是產品的增長引擎。每一份發佈出來的圖案,都是一個能被搜尋到的新頁面;社群自己的作品在不斷把入口撐寬,而背後並沒有一支內容團隊。
手工不是只有英語世界在玩,所以 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 個跨語言斷言)。