【标题】 【生活娱乐】拼豆工坊——在线拼豆图案智能设计与编辑工具
【标签】 生活娱乐
1. 创意名称 + 创意介绍
-
创意名称：拼豆工坊（Perler Beads DIY Workshop）
想解决什么问题： 拼豆爱好者在把喜欢的图片转换成拼豆图案时，通常需要手动在格纸上描图、逐格对照色号，过程繁琐且极易出错；同时市面上缺少一款真正支持在线二次编辑、能直接导出可制作图纸的免费工具。
为什么会想到做这个： 灵感来源于身边手工爱好者朋友的真实反馈：他们经常为了做一个 52×52 的拼豆挂件，在画图和对色号上花费一两个小时。我希望用 TRAE 做一款轻量、免费、开箱即用的网页工具，把图片转图案、色号匹配、在线修改、导出图纸整条链路打通。
大概是什么产品： 一款基于 React + TypeScript + Tailwind CSS 开发的在线网页应用（Web App），用户上传参考图片后即可自动生成对应拼豆色号图案，支持在线像素级编辑、原图对照、撤销重做、图案下载与 Excel 色号表导出。
与现有工具的核心差异： 市面上很多在线像素生成平台只是简单硬转图片，生成的图案往往包含大量杂乱、不实用的色号，根本不适合真正用来拼豆。「拼豆工坊」则围绕真实拼豆流程设计：画布尺寸可调、色号数量可控、优先使用常用色号、导出 Excel 后还能继续手动调整，让生成的图案真正“能拼、好拼”。
2. 目标用户及痛点
-
面向哪些用户：
-
拼豆手工爱好者与手工博主
-
想为孩子制作亲子拼豆图案的家长
-
需要快速把 IP 形象、表情包、照片转成拼豆图纸的创作者
-
喜欢「赛博电子拼豆」的创作者：习惯在 Excel 里一格一格填色、用电子表格模拟拼豆效果，希望把图片快速转成可编辑 Excel 像素图案的人群
在什么场景下使用：
-
看到喜欢的图片，想做成拼豆挂件/立牌/像素画
-
做定制礼物时，需要快速生成带色号标注的图纸
-
在电脑端对照原图进行精细化像素修改
-
在手机端临时上传图片、预览效果（电脑端操作更方便）
当前痛点： 如果没有「拼豆工坊」，用户需要借助 PS/Excel 手动描点、查色号表、数格子，稍有不慎就漏色或错色；现有在线平台大多是简单硬转，生成色号杂乱、实用性差，且不支持二次编辑，图案一旦生成就很难调整。
-
3. 价值与意义
-
效率提升： 将原本可能需要数小时的手工描图工作缩短到几分钟：上传图片 → 自动识别 MARD 拼豆色号 → 在线编辑微调 → 一键导出图案图片与 Excel 色号表，全流程在浏览器内完成。
产品亮点（真正贴合拼豆人 workflow）：
-
画布尺寸自由调节：支持 29×29、52×52、58×58 等常见拼豆画板规格，适配不同挂件与画框需求。
-
色号数量可控：可限制最终使用的色号数量，避免生成一堆用不上的杂色，减少买错材料的浪费。
-
优先使用常用色号：支持选择常用色系列，让生成的图案更容易用现有材料拼出来。
-
Excel 二次编辑友好：导出的 Excel 色号表可以直接打开，在表格里继续一格一格调整，满足「赛博电子拼豆」玩家的习惯。
-
在线编辑 + 原图对照：进入编辑模式后支持缩放、平移、撤销重做，并实时对照原图，像电子赛博拼豆一样方便修改。
-
多端可用：手机端可上传预览，电脑端更适合精细编辑。
社会价值： 降低拼豆这一手工创作的入门门槛，让更多人（包括没有绘画基础的用户）也能体验像素手工的乐趣；同时通过色号数量限制、颜色替换、背景去除等功能，减少材料浪费，倡导更环保的手工创作方式。
-
4. 创意产物附件
本项目使用 TRAE IDE 进行开发，已完成可运行的前端网页应用。
-
技术栈：React 18 + TypeScript + Vite + Tailwind CSS + Zustand + xlsx
-
核心功能：图片上传、智能背景去除、MARD 拼豆色号匹配、52×52 / 29×29 / 58×58 等自定义画板设置、在线像素编辑、撤销/重做、原图对照、实时预览、图案下载、Excel 色号表导出、本地项目管理
-
产物文件：已将 TRAE Work 生成的创意产物已经部署至 http://8.163.33.93/ ，可直接打开体验完整功能。