The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
DesignDNA : GitHub for Design Thinking
GitHub tracks code history. DesignDNA tracks design thinking.
The Problem
Design teams are great at documenting what changed.
But they're much less effective at documenting why it changed.
As products evolve, the reasoning behind design decisions often disappears. New team members inherit interfaces without context. Developers receive specifications without understanding intent. Over time, products slowly drift away from the principles that originally shaped them.
The result is lost institutional knowledge, inconsistent experiences, and repeated discussions around decisions that were already made months ago.
The Solution
DesignDNA is a memory layer for design teams.
Inspired by the way GitHub preserves code history, DesignDNA preserves design thinking.
Every design decision becomes part of a living knowledge graph that connects:
Design decisions
UX rationale
Accessibility considerations
Business goals
Components
Stakeholder context
Instead of only recording what changed, DesignDNA captures why it changed.
Key Features
Design Memory
Document important design decisions and preserve the reasoning behind them.
Design Intent
Store business goals, UX rationale, accessibility considerations, and stakeholder context alongside every decision.
Design Drift Detection
Identify when future design changes conflict with previously documented intent.
DNA Graph
Visualize the hidden relationships between design decisions, business goals, accessibility requirements, and product components.
Ripple Effect Simulator
Explore how changing a single design decision can impact connected parts of the product experience.
Team Handoff
Transform design knowledge into shareable documentation that helps designers, developers, and stakeholders stay aligned.
Why It Matters
Teams remember what changed.
They forget why.
DesignDNA helps preserve design intent so future teams can make better decisions with confidence.
Workflow
Problem Discovery
↓
AI-Assisted Planning in Figma Make
↓
Prototype Generation
↓
Design Iteration
↓
Interactive Testing
↓
Final DesignDNA Experience
Built With :
Figma Make
Figma AI-Assisted Planning Workflow
Interactive Prototyping in Figma
Live Project
Figma Community
Social Posts
Great concept
Thank you!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I joined the Config Makeathon and built BriefOS — a client brief operating system for designers, studios, and freelancers.
The problem I wanted to solve is something almost every designer deals with:
Client projects rarely start clean.
They usually start with scattered notes, vague goals, random references, unclear positioning, mixed opinions, and no approved direction. That chaos creates slow starts, endless revisions, weak strategy, and confusion between the designer and the client.
So I built BriefOS to turn that mess into a clear, structured website blueprint.
The idea:
Client chaos → AI signal extraction → website blueprint → visual direction → wireframe → client approval
Inside BriefOS, a designer can collect messy client input, organize it into useful categories, extract important signals, build a sitemap, generate copy directions, choose visual routes, adjust wireframes, and send decisions into a client approval room.
I wanted the product to feel less like a generic AI tool and more like a real project command center.
What I built:
Command Center to track the full project workflow
Intake Wall for messy client notes, links, screenshots, and references
Signal Extractor to identify offer, audience, CTA, tone, gaps, and contradictions
Blueprint Builder for sitemap, homepage structure, copy, and conversion path
Visual Lab for mood, palette, typography, layout direction, and style routes
Wireframe Studio for reviewing and refining the homepage structure
Approval Room for client decisions, comments, approvals, and revision requests
I also focused on making the experience interactive instead of just “AI magically does everything.”
The user can tag notes, approve or reject signals, choose direction, reorder sections, compare options, adjust wireframes, and approve final decisions.
Built using Figma Make as part of the Config Makeathon.
The goal was simple:
Help designers move from confusion to clarity faster — while keeping strategy, copy, design, and client approval connected in one workflow.
Still more I’d love to improve:
deeper real data inputs
stronger drag-and-drop behavior
better client presentation mode
more polished animations
live export options
more visual direction templates
But for this version, I’m happy with the core concept: a useful AI workflow product built around a real design problem.
preview link:https://www.figma.com/make/LhthPqSGpwgLBKVoJdQLHG/Begin-Project?fullscreen=1&t=aPQZNZHYQiD53qn0-1&code-node-id=0-9
#ConfigMakeathon @figma #FigmaMake #ProductDesign #UIDesign #AIDesign #WebDesign #DesignTools #Contra
This is actually a really useful idea. Turning messy client briefs into a clear workflow solves a real problem.
🔗 Try Live:
https://oculus-last-45120554.figma.site
🔗 Figma Community: https://www.figma.com/community/file/1646335128776764074
━━━━━━━━━━━━━━━━━━━━
Introducing Rangoli Studio 🌸
Every morning my mother draws Rangoli
on our doorstep in Bengaluru.
I always watched but could never
recreate her art.
So I built Rangoli Studio —
where anyone can create traditional
Indian Rangoli patterns dot by dot.
THE PROBLEM:
Traditional Rangoli art is disappearing
in the digital world. No tool existed
to experience this 5000 year old tradition.
Until now.
HOW IT WORKS:
✨ Choose your favorite festival
✨ Follow the dot guide
✨ Connect dots to build your pattern
✨ Pour the Powder to celebrate
✨ Download and share your creation
BUILT WITH:
🛠 Figma Make
🛠 Figma Weave
🛠 Prompt engineering — zero coding
#ConfigMakeathon #RangoliStudio @figma
I built a social network that tells you to touch grass. 🌱
It's called Touch Grass.
Try it yourself ↓
https://buffet-crayon-23938188.figma.site/
Technology keeps moving us forward, but it also keeps us glued to screens. So I wanted to build something that gently pushes in the opposite direction.
Every user gets their own planet.
Upload photos you've taken in nature and watch your world come back to life. Miss a few days and it slowly starts fading again.
Every planet belongs to a real person. Explore the galaxy and discover worlds that other people are growing through their own photos and memories.
Built the entire thing in @Figma Make.
Made for the @contra x @Figma #ConfigMakeathon
X Link: https://x.com/russ_seid/status/2064573470357500338?s=20
Linkedin Link: https://www.linkedin.com/posts/rustem-seidametov_configmakeathon-contra-makeathon-ugcPost-7470339571613040641-vVp0/?utm_source=share&utm_medium=member_desktop&rcm=ACoAADKBObkBHA2DOG2-JkJBzSGYJVlLfkAV4B4
Project Link: https://www.figma.com/make/0WW9byuQ0tDSPy4RY19p00/Touch-Grass?t=GS2PE7diSOrtYCW4-1
Niceeeee
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?