Designer by day, tinkerer by night. Exploring the world of product design, imagining through gen ai, and obsess with finance, books, running and fonts.
To get good animations from an AI you need to get good at telling it what you want:
- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",
I made a motion vocabulary for this:
https://t.co/ExAxpr31no
unpopular opinion: I haven't used Figma text layers in last 3 years
every component uses a text/heading component instead. buttons, inputs, cards, everything. no raw text layers, no text styles panel
just convinced the whole design team at @opencode to rebuild our system like this 🫡
why:
- figma's type panel is painfully slow to work with
- auto-layout is baked in, skip the wrapper frames
- typography variables just work
video overview below 📹
Today, we're open sourcing our email editor.
Announcing React Email 6.0
- embed in your app
- style with your brand
- build custom extensions
- export to html
We built our launch video in Claude Code using HyperFrames.
Now it's yours.
Open source, agent-native framework. HTML to MP4.
$ npx skills add heygen-com/hyperframes
RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)
Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude.
Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.
Introducing Code on Canvas in @pencildev
AI design tool for Claude and Codex.
Design ❤️ Code are officially in a relationship, opening new ways to create on canvas.
Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control.
This is just the beginning. Let us know what you think. And let's take it to the next level together.
Download the new Pencil update today.
2026 branding: IN / OUT
IN
Warmth + optimism
Being a little weird
Painterly backgrounds
Fun mascots
Playfulness
Nostalgia
Imperfection
Boldness
Off-white backgrounds
One color that feels wrong
Asymmetry
Light mode
Type with a little funk
Visible grain
Natural texture
Analog references
OUT
Ultra-polish
Purple
Predictable gradients
Hyper-futurism
Fitting in
Minimalism
Cold palettes
Dark mode + one color
First-letter logos
Safe sans serifs
Node/network graphics
Photos of people
UI-led identity
Slickness over emotion
—————
2026 isn’t about looking modern.
It’s about looking ALIVE.