Contra - A professional network for the jobs and skills of the futureDiscover

Content creators

Graphic designers

Product designers

Motion designers

Social media marketers

Projects we love

Projects we love

Standout projects making waves around the web

Cover image for Améri Olive Oil

Améri Olive Oil

52

1K

Cover image for Steel & Form Branding - Construction Company

Steel & Form Branding - Construction Company

33

671

Cover image for EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

17

654

Cover image for Creating Immersive Brands for Artists

Creating Immersive Brands for Artists

1

29

396

Join the $100k Figma Makeathon

Build the next great interaction design to shape culture as we know it, using Figma Make. Learn more.

Figma Makeathon

Join the Makeathon

$100,000 in prizes

Join the Makeathon

How will you shape the future?

Join the Makeathon

Interaction design

Join the Makeathon

Web design projects using Framer

Framer

The best modern websites built on the leading web design tool, Framer

Synaps Brand and Landing Page Development

1

7

315

Framer is the leading tool for building websites, fast

Framer

Timelaps — Designing a Living Brand Intelligence Platform

11

399

$4.2K+ earned

Brand Identity and Website Design for The Future Label

17

315

AI projects

AI

New projects from the best AI creators

Cover image for Felks Sprints

1

12

485

Cover image for Our new Don't Cry Over

Our new Don't Cry Over AI—eBook + Prompt Guide (https://contra.com/products/uTV7Jr7j-dont-cry-over-ai-e-book-and-prompt-guide-support-sick-kids) is LIVE! This 41-page playbook is for entrepreneurs and creatives who want leverage—not overwhelm. No hype. No panic. No chasing shiny tools. Just real creativity. 🖤 Although AI is important right now, we also recognize what’s truly important—the people we love. That’s why $1 of every sale of this ebook is going to SickKids hospital (https://www.sickkids.ca/) in Toronto. It’s the kind of work no machine could ever replace. 🖤 ▶ Buy it on Contra (https://contra.com/products/uTV7Jr7j-dont-cry-over-ai-e-book-and-prompt-guide-support-sick-kids)▶ Or view it embedded on Afton’s site (https://www.aftonnegrea.com/shop)

1

18

1.4K

Cover image for Soda.io - Data Contract Templates for Series B SaaS Startup

Soda.io - Data Contract Templates for Series B SaaS Startup

1

8

221

Cover image for Hey everyone! I just created

Hey everyone! I just created my first digital product: auraOS. It’s an AI-powered operating system designed for freelance designers who want more clarity, structure, and calm in their daily workflow, from managing clients to generating prompts, tracking time, and creating clean invoices in one focused space. I built it for creatives who already know how to get clients, but want a better way to execute and deliver consistently without burnout. Access on the link ⬇️ https://contra.com/products/gzoeGh4o-aura-os-the-ai-os-for-freelancers

5

21

946

Brand design projects

Brand design

Bold visual identities and branding systems created by top independent designers

Cover image for Sieve Matcha Branding

Sieve Matcha Branding

15

279

Pagedeck.com — Full Brand and Website Redesign

3

162

Playful Identity for a Sassy Cat Food Brand

1

10

169

Cover image for Mantra | Ayurvedic Skincare Packaging for Men

$2.1K+ earned

Mantra | Ayurvedic Skincare Packaging for Men

11

288

Video editor projects

Video editing

Creative video edits made using today’s best editing tools

Cover image for Sharing another Contra project that

Sharing another Contra project that I loved. Last year I collaborated with @James Jung on a series of Filterbaby ads (http://filterbaby.com). James’ cinematography was stunning, and together we landed on a look that feels both science-driven and beauty-forward.

7

41

1.1K

Cover image for Promotional Video for MarvelX's Financial Platform

Promotional Video for MarvelX's Financial Platform

8

124

Cover image for Contra UGC Video Campaign

Contra UGC Video Campaign

8

265

Visual Editing System for Personal Brand

10

138

Standout projects

Standout projects

More projects we love that are making waves across the web

Cover image for Most people don’t struggle with

Most people don’t struggle with ideas. They struggle with saying them. So I built a voice-based AI conversation simulator using Figma Make. Instead of chat bubbles, this experience is fully voice-driven: • Choose a conversation mode • Speak in real-time • Get live feedback on tone, clarity & confidence • Watch the interface react to your performance • Get a personalized improvement summary In “Cold Outreach” mode, the AI can interrupt — or even hang up if you lose clarity. This project explores how interaction design can simulate real-world pressure and help introverts practice speaking, not just thinking. Live App: https://syrup-mode-15103828.figma.site/

3

11

215

Cover image for After 101 Figma Make versions and five major

After 101 Figma Make versions and five major design improvements, I’m excited to share Octave a modern music keyboard where you can play, record, and produce music. 🙌 The project began as a keyboard design in Figma, followed by multiple Figma Make iterations to refine the design, layout, and functionality. Current features include: 8 toggleable sound effects Interactive music keyboard keys Record and playback functionality Volume and octave controls Not implemented: Tempo control Function button Jump in, play around, and have Fun 🚀 https://octavemusickeyboard.figma.site/ (https://octavemusickeyboard.figma.site/)

3

12

198

Cover image for I built SYSTEM FAILURE: A

I built SYSTEM FAILURE: A 'Software is Culture' Zine. An interactive UI timeline you can actually feel bringing back the heavy, mechanical friction of early software. Built entirely using @figma (https://x.com/figma) Make. #figmamakeathon (https://x.com/hashtag/figmamakeathon?src=hashtag_click) @contra (https://x.com/contra) Link https://figure-raid-84026314.figma.site

3

88

Cover image for I just wanted to enter

I just wanted to enter in this #makeathon for fun. In my country and city, Quetta Chai(tea) is famous and its a lifestyle, once you have it, there is no place for coffee. This is a game like: Papa's Burgeria but not that extensive xD Hope you guys enjoys it. I might update assets for characters later :D Try It Here https://shove-cloak-88369425.figma.site Threads: https://www.threads.com/@thedesigneranasahmed/post/DVY_Rx4DFTS

0

64

Cover image for The Vibe Striker is a

The Vibe Striker is a camera-based spatial rhythm game built with Figma Make that transforms ethical consumerism into a physical challenge. By reimagining the "swipe" as a hand-tracked strike/parry mechanic, it pushes the boundaries of "Software is Culture" to turn mindless impulses into intentional, gestural acts. Check it out here: https://gentle-queue-80590095.figma.site/

2

90

Cover image for Memory Radio is a single-page

Memory Radio is a single-page interactive experience where a vintage rotary dial lets you tune through seven decades of design culture: the 1960s all the way to now. The interaction IS the concept. You don't browse Memory Radio, you tune it. Built entirely with Figma Make. 🎛️ Live site: memory-radio.figma.site (http://memory-radio.figma.site) 🔗 Figma Community File: https://www.figma.com/community/file/1610046055459565936/memoryradio 💼 LinkedIn: https://www.linkedin.com/posts/brianmakumi_figmamakeathon-figmamake-interactiondesign-activity-7434264284475314176-ki_W?utm_source=share&utm_medium=member_desktop&rcm=ACoAACwHbSABXdQJwygg9X-BTTXwCwKPVtiRZVQ 🐦 X/Twitter: https://www.x.com/uixmakumi/status/2028499373068591543

2

89

Cover image for My first time taking part

My first time taking part in Contra X Figma Makeathon challenge and I decided to use this opportunity to introduce Focus. Focus is a Mac only task management app, not for businesses or teams but for individuals and freelancers. With Focus, you are in full control of your tasks even if there’s a sudden urgent task that needs to be taken care of. No need to readjust your plans because you are not bound by a fixed task time. Human + AI made it happen: → Codex for bulk design editing → Figma Make for building the working prototype → Manual designing to get started This challenge was probably the best way to test out the AI tools and it was a success! Here is the working prototype of Focus, built to feel like a native Mac application: https://focus-macos-app.figma.site/ Hopefully you'll see it as a real Mac app!

4

92

Cover image for Here is my submission for

Here is my submission for Category #2 of the @Figma Makeathon. As a designer and a reader, I have always been drawn to the cosmos. The vastness, the silence, and the feeling of scale beyond human understanding. During this challenge, I wanted to push Figma Make beyond a traditional interface and explore what happens when interaction becomes an experience. I built a cinematic solar system simulation where navigation is driven by movement, stillness, and scale. You begin from a blank space, move through our planets, and slowly realise how small everything becomes as you zoom out. The experience eventually leads to Gargantua, where control briefly slips away and the universe responds on its own. Built entirely using Figma Make during the challenge window. Explore the experience here: https://universebyharsh.figma.site/

1

13

206

Cover image for 🚀 What if interfaces disappeared

🚀 What if interfaces disappeared — and technology just understood you? I built Futuristic Interaction 2050 for the Contra | Figma Makethon 2026 — a 5-scene cinematic prototype that reimagines how humans will interact with technology 25 years from now.No screens. No taps. No clicks. Just intent. This is a fully interactive, — a cinematic journey through a day in 2050 where biometric sensing, spatial computing, emotion-aware environments, and zero-navigation AI replace every interface we know today. You live it — walking through smart doors, watching rooms adapt to your stress levels, and collaborating in holographic workspaces. Published Figma Link: https://vocal-blur-83272003.figma.site Figma Community Link: https://www.figma.com/community/file/1609871721349340633 #figmamakeathon #ContraFigmaMakeathon @Zoë Colivas @Contra HQ

10

136

Cover image for What if you could build

What if you could build your signature scent without ever stepping into a store? Introducing Scentd, a digital perfumery experience built entirely in Figma Make. Fragrance is my favourite thing in the world, so when the Makeathon dropped I knew exactly what I was building. Scentd lets you feel like a real perfumer. Layer your notes, watch your blend come alive, and walk away with a scent that's completely yours. It even recommends real fragrances you can actually buy, matched to your blend. And when you're done, you can save your scent profile as a card to keep or share. If you'd rather skip the mixing, we got you. Scentd gives you 3 questions to answer and this helps us find your perfect match. Try it yourself here: https://pouch-geo-45018659.figma.site/

3

110

Cover image for Introducing a Portable Mini DJ

Introducing a Portable Mini DJ — a tactile-inspired audio experience built with interactive controls inside Figma. Featuring: • Upload your own music • Real-time jog wheel scrubbing • Fast forward / rewind switch • Volume control • Dynamic equalizer simulation • Live screen feedback Designed to bring hardware-inspired interaction into a minimal digital interface. Built for the future of interactive prototyping. 🔗 Try it here: https://invite-spoof-18910978.figma.site/ #FigmaMake #FigmaHackathon #BuildInPublic #InteractionDesign #UIDesign #ProductDesign #CreativeTech #WebInteraction #DigitalExperience

2

6

194

Cover image for WearForge: The AI Operating System

WearForge: The AI Operating System for Fashion Brands. Generate clothing materials and styles from keywords (African textiles, streetwear, western couture, pop-futurism, etc.) apply custom fabric, see your creation in a runway show and generate brand-ready fashion kits for your business. wearforge (https://wearforge.figma.site/) Features 🔥 Combine generated fabrics to creates more uniques outfits cards and apply designs directly onto a 3D model 🔥 Instantly preview collections in cinematic Runway Mode 🔥 Switch outfits in real-time 🔥 Build a complete brand + collection concept from scratch It was fun, let me know what you all think. Cheers.

4

204

Cover image for Hey Contra + Figma folks!
I'm

Hey Contra + Figma folks! I'm Izzy from Lagos, Nigeria (@IsraelAdegbulu1). Just submitted Encarta Echo for the #FigmaMakeathon. Goal: Bring back the joyful, exploratory feel of old Microsoft Encarta and make learning interactive, personal, and culture-shaping again by blending global knowledge with Afro-Nigerian heritage. You start in a cosmic knowledge orb, search or tap a topic, and get immersive articles with AI-generated visuals, parallax timelines, hotspots, cultural remixes (Yoruba patterns, Afro-futurist twists), and a quick quiz. Built fast with Figma Make: AI prompts for dynamic content, variables and conditionals for logic, scroll/hover interactions for smoothness. Link: https://encartayorubahistory.figma.site/

3

3

138

Cover image for We have yes. We have

We have yes. We have no. We have maybe But nobody ever asks how close to yes your maybe actually is. Every decision we make gets forced into a binary. Pick a side. Check a box. Move on. But real positions don't live in boxes. They live somewhere on a spectrum between two extremes. Where Do You Stand is a cultural calibration interface that finds exactly where you are on that spectrum. You drag a card. The entire interface transforms around you continuously in real time ; color, typography, spacing, motion, atmosphere, all shifting under your hand based on exactly where you are. Not after you release. During the drag. The transformation lives in the movement itself. It works for design questions. Life questions. Technology questions. Any tension where the answer is between two extremes. https://slate-meta-15875939.figma.site/

1

12

208

Cover image for This isn’t just a website

This isn’t just a website - it’s an interactive empathy experience. Instead of explaining accessibility, it lets you feel it. Through gesture-based interactions, the interface gradually shifts perspective to simulate how users with visual impairments navigate the modern web with WCAG standards. - Slider to simulate visual impairment. - Long press to trigger a screen reader simulation. - Use keyboard navigation to see real-time focus mapping. Minimal. Immersive. Intentional. Accessibility isn’t a feature. It’s the foundation. Link to the Figma site: https://blimp-pan-60820591.figma.site/ Figma Link: https://www.figma.com/make/x3inzC6qZiwwhTEcLJPta5/Interactive-Accessibility-Simulation?t=cNZca3Sl5ybk3WBO-0

1

5

162

Cover image for Explore My Unique Interactive 3D Portfolio Room in Figma

I built my sample portfolio as an interactive 3D room using Figma Make. https://baton-sway-12272497.figma.site Instead of a traditional portfolio site, I recreated my bedroom in Blender, brought it to life with animation, and made every object in the room clickable. Each hotspot opens a slide-in panel showcasing a different category of my work: Visual Design, Motion Design, Brand Identity, and Animation. The sphere lamp, the book shelf, the posters on the wall, even the character running on the treadmill, they all mean something. Every click tells a story. It is also uploaded on Figma community: https://www.figma.com/community/file/1609343334029057439 https://x.com/TheElzenitho/status/2027655365442105753?s=20 #FigmaMakeathon

9

189