Photos in. Bead patterns out.

01

The idea, and the why

Beadle is a fuse-bead app. Snap any photo and it becomes a pattern in real bead colors, then guides you through building it one color at a time.

Three things that kill the fun

  1. 1
    You can't easily make your own
  2. 2
    You don't know if you have the beads
  3. 3
    Following the chart is slow

Snap a photo, get a pattern, build it

  1. 1
    Photo → pattern, in real bead colors
  2. 2
    Dial it in, don't draw it
  3. 3
    Build it one color at a time
A fuse-bead cat I made on a pegboard, surrounded by tubs of pink, grey and blue beads

Where it started. It started on a trip to China. Malls there have dedicated fuse bead spaces where you pay, sit down and make something on the spot. It made me want that same easy, anyone-can-do-it version of the craft at home.

Why it should exist. Pixelation is easy. Good pixelation, with real bead colors, kept details and a color count you can actually build, isn't. Add a one-color-at-a-time build mode and the slowest part of the craft becomes the most relaxing.

Same photo, now in beads.

Sakura matcha cake slice illustration
Green kitty holding an apple, original illustration
02

Clickable prototype

The screens are wireframes on purpose. The pattern engine isn't: pixelation, color limiting, rerolls and bead counts all run live in your browser. Try uploading your own photo.

9:41
Your patterns
New pattern
Start with a photo

Anything works: a pet, a snack, a selfie, a teddy bear. We'll turn it into beads.

Or try one of ours
✦ Prototype note: photos stay on this device. Pixelation runs in your browser, so nothing is uploaded.
Photo

Pinch to crop · fill the frame with the subject

Set it up
Board size
Custom 29 × 29
Colors
8

Bead size
Auto size~1 board
Melting…

Snapping pixels to real bead colors

Froggy
Hold to see photo
DetailClassic
ChunkyDetailed
Colors
8
Compare
Pick your favorite
Bead list
You'll need 841 beads

Build mode
Color 1 of 8Tomato42 beads · highlighted on the pattern
Finish
All beads placed!

Time to iron
  1. Lay ironing paper over the board
  2. Medium heat, small circles
  3. Peel, flip, and do the back
  4. Cool it flat under a heavy book
15sIroning timerSo nothing over-melts
Froggy
Share
MsgMessagesIGInstagramPinPinterestCopy link

Edge cases

  • Busy or low-contrast photos
  • Tiny details disappear
  • Not enough of a color
  • Pattern bigger than one board
  • Color-blind builders
03

Branded screen & moodboard

  • 1
    The pattern sits on a pegboard card
  • 2
    The slider thumb is a bead
  • 3
    Colors are a stepper, swatches are beads
  • 4
    Chunky, pressable tools
  • 5
    One colored button
9:41
Original
Detail29 × 29
Colors
10 colors
Poster: Yellow Dog
Poster: Burpee album cover
Poster: Brain Garden
Poster: Popitbo fusible beads
Illustration: pastel circuit flowers
Poster: dotted type over crows
Poster: Everything is lovable pixel art

Where the look came from

Color. Fuse beads are all about bright, mixed colors, so I pulled the palette from graphic design posters and narrowed it to three bead brights: pink, blue and yellow.

Type. I tested a range of fonts with Claude, rendered as points so every letter is made of dots like beads, and tried effects like grid morph to see which read best. That's where the dotted Beadle wordmark came from.

Controls. The slider takes its look from the beads themselves: a row of pegs with a bead for a handle. The buttons are simple and chunky.

04

Lite prototype

A lighter version of the flow, from my Figma screens: start, crop, melt, tune, save. It runs on the same live pattern engine, so you can try it with your own photo.

9:41

Patterns

You have no patterns yet.
Press START to make one.

New Pattern

Crop

Your photo

Drag · pinch

Original photo
Board Size
Color Style10 colors

Lil' Sakura

Grid color

Notes from Figma

  • Vision names it: iOS image classification guesses what's in the photo and gives the pattern a quirky title
  • Beadle guesses the best bead amount, then you tune it
  • Precise crop that can zoom out, with white around the photo
  • Color picker like Spotify's album colors?
05

Design decisions

The calls that shaped the Lite prototype, and why I made them.