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
Recently worked on creating a Dark Mode version for a shipment tracker UI using Figma variables.
Variables can definitely be tricky to set up at first, but I’m absolutely in love with how seamless and structured the workflow becomes once it clicks! Designing the tracking map screen was also a fun challenge that turned out a bit more complex than expected.
Check out the interactive prototype video below ⬇️
Want to try it out yourself? Feel free to play with the live prototype here:
https://www.figma.com/proto/KA2ywcwRh5LtnWN6he9mXj/tickets-screens-prototype?node-id=68-379&t=hku20yzpPVh9P2Fb-1&scaling=scale-down&content-scaling=fixed&page-id=3%3A8&starting-point-node-id=68%3A379&show-proto-sidebar=1
Variables being a pain to set up but seamless once they click sums up basically every Figma power feature honestly. Are you using variable modes to swap the whole theme, or manually mapping dark values to each color style?
So true! I manually mapped dark values to each color style for precise control over the UI, but setting up theme modes is definitely next on my list!
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
Experimenting with avatar animation using Figma + Motion ✨
Honestly, I never thought Figma Motion could generate motion this smooth, it’s starting to feel surprisingly close to what I’d normally achieve in After Effects.
Figma Motion is definitely making motion exploration much more accessible for product designers. 👀
This is getting surprisingly close to AE for quick motion exploration. Curious how well it holds up once the animations get more complex.
Day 12/30 of my hero section challenge.
Another day of prioritising the visuals and imagining a company that doesn't exist. I promise the next one is a tech brief with barely any imagery at all, I've leaned hard on beautiful photography for twelve days straight.
Concept: a mycelium materials company producing leather, packaging and foam grown from fungal networks. The design deliberately inverts the category's defaults; biotech branding tends toward dark, clinical and electric blue, so this one goes warm and botanical, with a subtle looping video of spores drifting and mushrooms emerging. The copy pulls hard the other way: plain, technical, B2B-direct, anchored by two concrete numbers instead of sustainability adjectives.
Twelve briefs across travel, food retail, personal branding, events, landscape architecture, pet services, hospitality, coffee, lighting, wellness, restaurants and now biomaterials.
12 down, 18 to go.
Built on the Viper template by Westhill Studio, adapted and customised by me.
Imagery and video generated with AI.
brilliant
PrettyClever designed the Maximize website and hired me to build it 1:1 in Framer. Check it out below.
the maximize site in framer looks so good. how long was the 1:1?
