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
ā¢ 12h
š¾ Farm Friends
For Config Hackathon, I explored a different way of drawing ā creating illustrations using symbols instead of traditional shapes and brush strokes.
The project turns simple characters and symbols into playful farm-themed artwork, experimenting with how far typography and visual systems can be pushed.
You may notice that some drawings aren't visible on the Figma site. That's because Figma is currently rendering parts of the project incorrectly. š
If you'd like to see the complete project or get access to the original files, feel free to leave a comment below or send me a DM. I'll be happy to share it with you!
#Config2026 #ConfigHackathon #Figma #DesignExperiment #CreativeCoding #Typography #Design
ā¢ 6h
"The world is still growing. Empty space is intentional ā there's room for you" is a really good piece of UX copy. It reframes an empty state as an invitation instead of a void. The symbol-based illustration approach is also a genuinely clever constraint to design within.
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
Kombucha Y2K ā Interactive Flavor Experience with a walkthrough video
project live demo link :
Link of figma project
Figma X contra challenge
Kombucha Y2K is a bold, interactive product experience that showcases a new generation of kombucha through a high-energy digital interface. Built with a striking neon aesthetic, the app blends product discovery, brand storytelling, and exploration into one immersive platform.
Users can browse unique flavors like Neon Lime Surge, view detailed product information, and explore ingredients, energy levels, and nutritional highlights in a visually engaging way. Each product is presented with a futuristic, electric style that reflects the brandās identity.
Beyond shopping, the app introduces a strong brand narrative through its manifestoāpositioning Kombucha Y2K as more than just a drink, but a movement focused on energy, flavor, and individuality.
With interactive sections like product exploration, lab-style discovery, and location features, the experience feels dynamic and modern rather than static.
Kombucha Y2K is designed for a new generation of consumers who want bold flavors, strong identity, and an engaging digital experienceāall in one place.
I didnāt want to make something normal.
Everything I see online feels the sameāclean, safe, predictable. So I decided to build something that actually feels differentā¦ something with energy.
I started with a simple idea: what if a drink brand felt alive? Not just a product, but an experience. Something bold, electric, almost futuristic.
So I designed Kombucha Y2K.
I played with neon colors, sharp contrasts, and a dark interface to give it that high-energy vibe. Every screen, every detailāitās meant to feel intense, like youāre not just looking at a product, but stepping into a world.
This wasnāt just about design. It was about creating a feeling.
Something loud. Something different. Something that stands out.
And honestlyā¦ this is just the beginning.
Some walking through video
Here is my submission for the #makeathon
FocusDock is a calming focus timer designed for work, study, reading, and deep focus sessions.
https://detach-lime-09329627.figma.site/
The idea started from a simple problem: most focus timers are functional, but they donāt feel personal or emotionally engaging. I wanted to create a timer that feels more like a small ritual, choosing your environment, placing your clock, setting the mood, and starting a focused session with intention.
With FocusDock, users can:
Choose a focus duration
Pick from different illustrated desk, shelf, and table backgrounds
Select a clock style
Place the clock naturally inside the scene
Start a clean, distraction-free focus session
Use ambient sounds or music to support concentration
The design direction is soft, calm, and minimal, using 2D illustrated backgrounds with clear surfaces where the clock can sit naturally. The goal is to make the clock feel like an object inside the workspace, not just a floating timer UI.
Iām using Figmaās suite of tools to explore the visual system, generate the interface direction, and build the interactive prototype with Figma Make. A big part of the challenge is making the experience feel polished: smooth transitions, thoughtful placement, responsive layouts, and a focus flow that feels simple but meaningful.
For me, this project is about turning time management into a calmer, more intentional experience.
social post: https://x.com/sir_hsn/status/2063623301201858694?s=20
š ššš¶š¹š š¦š¶š¹š²š»š ššæš¶š±š“š² š³š¼šæ ššµš² #šš¼š»š³š¶š“š š®šøš²š®ššµš¼š»
What started as a simple idea became an experiment in accessibility and human-centered design.
š§šµš² š£šæš¼šÆš¹š²šŗ:
Millions of people communicate through gestures every day, but most technology is built for voices, keyboards, and touchscreens.
I wanted to explore a different question:
"What if technology could learn how people already communicate?"
That's how Silent Bridge was born.
š šš¶šš² šš²šŗš¼:
https://brim-time-58435449.figma.site/
š š£šæš¼š·š²š°š šš¶š“šŗš®:
https://www.figma.com/make/iM1qFLT9aCnsIMZ1O3yGs2/Create-Prompt-Implementation?t=Z8cGLiYettIQWytm-1
š š šŖš¼šæšøš³š¹š¼š
1ļøā£ š¦šš®šæšš²š± š¶š» šš¶š“šŗš® š š®šøš²
I designed and generated the entire experience directly in Figma Make, focusing on accessibility, simplicity, and a premium user experience.
2ļøā£ ššš¶š¹š š® šš®šŗš²šæš®-šš®šš²š± šš
š½š²šæš¶š²š»š°š²
Instead of traditional inputs, I wanted users to communicate through gestures using real-time camera tracking.
3ļøā£ šš»šš²š“šæš®šš²š± š š²š±š¶š®š£š¶š½š² šš®š»š±š
MediaPipe tracks hand landmarks and understands gesture positions and movement patterns.
4ļøā£ ššššš¼šŗ š¦š¶š“š» š§š²š®š°šµš¶š»š“
Users can:
ā¢ Record a gesture
ā¢ Assign a meaning
ā¢ Save it
The system learns and recognizes custom gestures.
5ļøā£ šš»šš²š“šæš®šš²š± š¦šš½š®šÆš®šš²
Supabase stores:
ā¢ Gesture recordings
ā¢ Saved phrases
ā¢ Recognition history
6ļøā£ šš¼šŗšŗšš»š¶šš š¦š¶š“š» šš¶šÆšæš®šæš
Users can build and share their own visual language instead of relying only on predefined gestures.
ššŗš½š¼šæšš®š»š š§š²ššš¶š»š“ š”š¼šš²
Before testing, clear existing custom gestures from the Teach page.
For best results:
ā¢ Open Teach Sign
ā¢ Remove all test gestures
ā¢ Record gesture
ā¢ Assign phrase
ā¢ Test recognition
ššš¶š¹š šŖš¶ššµ
ā¢ Figma Make - [ ššš²š» š š²š±š¶š®š£š¶š½š² š®š»š± š¦šš½š®šÆš®šš² šµš®šš² šÆš²š²š» š°š¼š»š»š²š°šš²š± ššš¶š»š“ šš¶š“šŗš® š š®šøš² ]
ā¢ MediaPipe Hands
ā¢ Supabase
This project is not about AI.
It's about accessibility.
It's about allowing technology to adapt to people instead of forcing people to adapt to technology.
Because every gesture has meaning.
š¦š¶š¹š²š»š ššæš¶š±š“š² ā šš¼šŗšŗšš»š¶š°š®šš² šš²šš¼š»š± šŖš¼šæš±š.
#šš¼š»š³š¶š“š š®šøš²š®ššµš¼š» #šš¶š“šŗš®š š®šøš² #šš°š°š²ššš¶šÆš¶š¹š¶šš #š š²š±š¶š®š£š¶š½š² #š¦šš½š®šÆš®šš² #ššš¶š¹š±šš»š£ššÆš¹š¶š° #šš²šš¶š“š»šš¼šæšš¼š¼š± #šš»š»š¼šš®šš¶š¼š»
ā¢ Jun 9
I love this work man! Now I can even create my own language with hand sign š
, gonna use it when my girl will mad at me š
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?