Flash Design Genome (@flashdgenome) header
Flash Design Genome (@flashdgenome) profile picture

Flash - Design system management system

Nowhere
Joined September 2022
Photo by Flash Design Genome (@flashdgenome)Photo by Flash Design Genome (@flashdgenome)Photo by Flash Design Genome (@flashdgenome)Photo by Flash Design Genome (@flashdgenome)Photo by Flash Design Genome (@flashdgenome)
People build with design systems. Agents build with design genomes. Flash turns yours into one your agents can actually read. Change one token, everything moves. Build your first Genome free → flashdsm.com
1
4
95
UI consistency shouldn’t be something you check for in review. It should be what you build from.
7
Five hex codes. One brand blue. Which one is right? Figma, code, the token file, Storybook, and the docs each say something slightly different. People ask in Slack. An agent can’t. It guesses. Where does your team’s real version live?
1
4
80
So we have design systems to help designers and developers speak the same language. Yet designers still hand off Figma files for developers to interpret, and teams still catch drift after shipping. The system exists. But why isn't it doing enough of the communicating?
🤖 Made with AI
3
34
Design system: List of tokens and components for human reference Design Genome: A machine-readable model of your DS That difference matters when the reader is an agent. See what we mean 👇
1
4
9
216
🧵 The moment we realized design systems were broken We've been watching design systems fail for a year. Built Flash to fix it. Here's what we learned 👇 1/7
1
57
Why? Figma isn't built to be a system. It's built to draw. A "system" is math: - Color scales (functions, not values) - Type ratios (not random sizes) - Spacing patterns (not ad-hoc) You can't draw math in Figma. 3/7
1
5
So we built Flash to generate systems from a brief instead. Input: "Luxury e-commerce, gold + noir, timeless" Output: - Color scale (50–900, light/dark) - Type pair + scales - Spacing - 5 components Takes 30 seconds. 4/7
4
We built Flash DSM because "set up the design system" should not be a Q3 project. One prompt in. Color, type, spacing, motion and components out, about a minute later. Real tokens your code can trust. flashdsm.com
35
Consistency isn't discipline. It's physics. When every component pulls from the same tokens, drifting is harder than matching. Flash DS ships the whole system pre-wired, light and dark included, from the first minute. flashdsm.com/
24
Canvas tools draw pictures of design systems. Then teams reverse-engineer the system underneath and ship code that never quite matches the picture. Flash flips the order: build the system first, in real code, then design inside constraints that actually exist.
24
Flash Design Genome retweeted
half fish half panda, realistic, 3d
Flash Design Genome retweeted
In the twilight zone, at depths of 600 to 800 metres, remote operated vehicles took footage of a fish with a transparent head, Macropinna microstoma, the barreleye fish whose transparent head allows its eyes to collect incident light Source @MBARI_News
109
1,853
196
11,186
Flash Design Genome retweeted
9/ Shoutout to @paultrillo - he's been using DALL-E in fascinating ways and he inspired me to start experimenting with trying to get DALL-E to work for video teapawt.org/paultrillo/status/1562…
AI fashion show using dall-e to generate hundreds of outfits of the day after tomorrow. An interesting way to brainstorm costume and fashion design ideas. Collab with @shyamagolden @OpenAI #dalle2 #dalle #aiart
27
88
5
1,260
Flash Design Genome retweeted
1/ Using AI to generate fashion After a bunch of experimentation I finally got DALL-E to work for video by combining it with a few other AI tools See below for my workflow - #dalle2 #dalle #AIart #ArtificialIntelligence #digitalfashion #virtualfashion
474
5,511
1,141
31,626