
プロ向けのお絵描きソフトを使えない人でも、描き終えたらそのまま申請できる LINE スタンプが手に入ります。
- Next.js、React、TypeScript で開発した LINE スタンプ/絵文字の作成ツール(D.D PANEL)。サイズ(スタンプ 370×320、絵文字 180×180)を選んで、ブラウザでそのまま描けます
- Pencil、Brush、Marker、Fill、Eraser などのブラシ、10 色のインクパレット、最大 6 枚のレイヤー、参考画像のトレースに対応
- レイヤーの縁取り機能で白フチを自動で付け、ダークテーマでの見えにくさを解消。仕様どおりの透過 PNG(300 DPI、1 MB 未満)を書き出し、余白も自動で補正
- 「マイ作品」で保存、複製、名前の変更、書き出し、共有ができます。1-bit の落書き風 UI はまずデザインを作り、Claude Code で実装しました
ACCOUNT · GALLERY
まず描いて、必要なときにログイン
ログインしなくてもすぐ始められ、作品はこの端末のブラウザに保存されます。アカウントを残したいときはメールで登録・ログイン(Better Auth+Turso)。「マイ作品」ではすべてのスタンプと絵文字をまとめて管理でき、種類で絞り込んで、開く・共有・複製・名前の変更・PNG 書き出しができます。


CANVAS
LINE の仕様に合わせたキャンバス
スタンプ(370×320)か絵文字(180×180)を選んで描き始めます。Pencil、Brush、Marker、Fill、Eraser の五つのツール、10 色のインクパレット、最大 6 枚のレイヤーと移動ツール。キャンバスには安全領域が表示され、書き出し時に白フチ、透過背景、300 DPI、1 MB 未満のファイル仕様を自動で処理します。

SHARE
プリクラ機能:作品をシェア用カードに
ギャラリーから最大 4 点を選び、1 枚・縦並び・2×2 のレイアウトと 1:1、4:5、9:16 の比率を選択。フレームの色を変え、自分の写真や飾り、タイトルを入れて、プリクラのようなシェア画像を作り、SNS に投稿したり友だちに送ったりできます。

DEMO
30 秒でスタンプが一枚完成
トップページから新しいキャンバスを開き、ブラシで輪郭を描き、塗りつぶしツールで色を塗り、ワンクリックで白フチを付けます。保存すると「マイ作品」に表示され、そのまま LINE 仕様の透過 PNG として書き出せます。