Every project by Bao To, a design engineer and studio artist in New York: AI-era product work, design systems, and full-stack builds, filterable by kind. Each entry opens a case study.
AI Visual Thinking Canvas 0->1 for creatives.
SCRAPS (JOINSCRAPS.COM) - THE AI SKETCHBOOK
This is a video-heavy case study. Recommended browsers: Safari, Chrome, Comet. Not recommended due to video streaming issues: Dia, Arc.
Founder
Designer
Full-stack Engineer
March 2025 - Present
Design System
Software Development
Infra Development
Interaction Design
Go-to-market
Cursor, Claude Code, Figma, Jitter, and more.
Bao To
Ruby Chang (SWE)
HIGHLIGHT 1
Your notes, drawings, and inspirations are spontaneous & free-flowing, and the canvas should reflect that.
How do you maintain structure & workflows when building freeform interactive interfaces?
Canvas interaction demo
With my art background, I designed AI features that deals with this fine line, combining: The spirits of Dada from 20th century art movements, Surrealist processes, and Fine-tuned Exploration vs. Exploitation Parameters for creative workflows
My solution: Figma + Procreate - Combining structure from design tools like Figma with the chaotic nature of artist tools like Procreate
Creative works requires flexible ways of showing ideas. Scraps include a multimodal AI engine that analyses all types of content.
Text Cards
Image Cards
.jpeg&w=828&q=75)
Audio Cards
.jpeg&w=828&q=75)
Freeform Drawing
HIGHLIGHT 2
Most AI chat interfaces stop at giving information. I designed the chat to interact with canvas content.
Creatives are power-users willing to trade simplicity for a personalized experience.
Selected items become anchors for AI-generated content
Page-level customization (like GoodNotes)
HIGHLIGHT 3
For pencil: RAF-batched inputs → pressure-sensitive strokes simulation → quadratic Bézier interpolation → 40% SVG path compression.
For pen: RAF-batched inputs → Catmull-Rom spline interpolation → cubic Bézier path rendering. All O(n) algorithms that run butter-smooth on mobile.
HIGHLIGHT 4
Ideas are spontaneous. Upload through your phone, use later on desktop.
Desktop
Mobile
Creativity comes with expression. Share your pages to showcase your works.
Public page sharing
STATISTICS
Together, Ruby and I have launched on ProductHunt, Instagram, LinkedIn, and X, and have together shipped 15 major features to our users, generating 100k+ total impressions, 350+ users, and interests from VCs and Angel Investors.
As of 08/20/2025, I personally have:
LAUNCH VIDEOS
ProductHunt Launch
Drawing Mode Launch
Mobile App Launch
First Launch
THANKS FOR READING!
Scraps will evolve as I continue to explore new concepts and systems for interfaces and workflows that takes the power of AI and empower artists and creatives to create their best works!
Stay tuned!
Don't like my portfolio? Let me know at btt2118@columbia.edu