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
Early on, I thought strong UI came from flashy visuals. Turns out, the real difference is in three basics: colour, layout, and typography.
Colour guides attention and sets the tone. Good contrast builds clarity and trust. Bad colour choices create instant confusion.
Layout is how a screen breathes. Spacing and hierarchy help people know where to look without thinking. When layout is off, everything feels harder.
Typography shapes both readability and personality. The right type makes an interface feel calm and confident. The wrong one quietly hurts the experience.
Master these three, and even simple designs feel polished.
Which one do you find hardest to get right?
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
Sapiens: Defeating the Bot Invasion 🛡️👁️
Social platforms are flooded with bots. The "Like" is now a fake, scripted signal. I built Sapiens for the #FigmaMakeathon to prove that humanity is the only verified currency.
The Solution: Proof of Soul
Using Figma Make, I engineered a "Human Firewall":
The SAP (Emotional Resonance): No more cold clicks. Interact by showing your true self via real-time facial expressions or body gestures.
Gestural Stories: Reimagined "Story Likes." You must hand-draw a heart, an analog signature no script can replicate. ❤️
Human-Only Dessert: Hidden "Easter Egg" games inside the progress bar. Playful challenges that only a real person can appreciate. 🎮
Let's reclaim the internet for Sapiens. Leave a Like to support! ❤️
Try it here!
https://art-trace-27187066.figma.site/
🔊 Sound On
Such an interesting concept of implementing physical emotions to convey how you feel about something!
Wouldn't it be funny to see people out in public expressing their likes this way 😂
Out of curiosity, where would other forms of facial expressions like deadpan/confused sit...
Re:Act - Reimagining Digital Reactions
Live Prototype: 🔗 https://piece-aloft-24889674.figma.site/
Re:Act is an experimental interaction prototype built entirely with Figma Make during the official Makeathon window.
It reimagines one of the most iconic patterns of modern interfaces: the reaction.
Instead of tapping a like button, users press around Nuri. Instead of scrolling endlessly, speed affects balance. Instead of passive playback, acceleration changes emotional state.
Re:Act transforms familiar digital behaviors into visible consequences.
Scroll too fast - Nuri falls. Increase video speed - Nuri becomes overwhelmed. Draw a reaction - and intention matters.
This project explores how interaction design can shape culture by making behavior visible.
Built, animated,and prototyped fully in Figma Make.
Not a feed. A mirror.
Really powerful exploration. Turning reactions into consequences shifts users from passive consumption to conscious interaction love the thinking behind this.
https://conductor.figma.site/ - Be your own DJ , control songs and particles with just hands.
Built with Figma Make. No controllers. Just your webcam.
What you can do:
Wave your hands to create music and move particles
Upload any song and remove vocals with a fist gesture (instant karaoke)
Draw in mid-air with a pinch gesture
Watch particles morph into shapes — hearts, music notes, spirals
Record your session and export as video
Invite a friend for split-screen multiplayer via a shareable code ( Working with same WiFi )
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?