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

49

917

Cover image for Steel & Form Branding - Construction Company

Steel & Form Branding - Construction Company

31

596

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

EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

17

581

Cover image for Creating Immersive Brands for Artists

Creating Immersive Brands for Artists

1

29

371

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

4

284

Framer is the leading tool for building websites, fast

Framer

Timelaps — Designing a Living Brand Intelligence Platform

11

385

$4.2K+ earned

Brand Identity and Website Design for The Future Label

15

296

AI projects

AI

New projects from the best AI creators

Cover image for Felks Sprints

1

12

452

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.3K

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

202

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

916

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

11

248

Pagedeck.com — Full Brand and Website Redesign

3

150

Playful Identity for a Sassy Cat Food Brand

1

10

160

Cover image for Mantra | Ayurvedic Skincare Packaging for Men

$2.1K+ earned

Mantra | Ayurvedic Skincare Packaging for Men

8

267

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

1K

Cover image for Promotional Video for MarvelX's Financial Platform

Promotional Video for MarvelX's Financial Platform

8

118

Cover image for Contra UGC Video Campaign

Contra UGC Video Campaign

8

256

Visual Editing System for Personal Brand

9

128

Standout projects

Standout projects

More projects we love that are making waves across the web

Cover image for I’m genuinely glad I had

I’m genuinely glad I had the opportunity to try @Figma Make in the latest @Contra HQ challenge - even I was surprised by the final result. I created an interactive, immersive experience with customizable colors and unique sound effects designed to support mindfulness and stress relief. Visually, the outcome is clean and refined, with carefully placed staggered animations and transitions enhancing the overall flow. If you need a few minutes to reset, I recommend trying the breathing exercise on the site - I hope it helps you get through a long day. Link: https://www.figma.com/make/6uesMwFszw6Mw29BuGOnqt/Immersive-Nature-Experience-Prototype?p=f&t=7XY9cArmY3eq49pa-0&fullscreen=1 Final site: (somehow the gif doesn't work there, I've tried everything) https://water-cub-35204567.figma.site

3

8

413

Cover image for MCF Studio came to me

MCF Studio came to me with a clear brief: build a website that holds its own next to the work they produce. They're a creative studio. Their clients have high standards. The site had to match. A few things that drove every decision: The portfolio needed to feel intentional, not just a grid. Each project deserved weight. The animations had to add meaning, not just movement. Every transition tells you something about how MCF thinks. Nothing generic. A creative studio with a generic website is a contradiction. End result: a site that positions MCF exactly where they want to be. → Full case study on my profile

3

76

Cover image for I made a website you

I made a website you could control with your webcam! 👀🔥 View in Desktop: https://telepath.figma.site/ Here's Telepath, a fully functional infinite image gallery portfolio website. You can deploy this website as is, with your pictures right now. This whole website took over 30 prompts and was made with media-pipe. All images are fetched from a supabase bucket. Now for the fun part: Enable gesture controls and give permission of your webcam (Your data is not stored and is only used for processing locally in the browser). 1. Closed Fist or Index Finger ☝️ : Move around cursor in the canvas 2. Index and Middle Finger ✌️ : Swipe and drag to move around the canvas 3. Index and Thumb "L sign": Open the hovered image 4. Hold Palm open for 1s ✋ : Close the Image 5. Devil Horns 🤘 (Thumb closed): Change view between flat<>fisheye

7

13

591

Cover image for Today I build Sound Flower

Today I build Sound Flower 💐 A dreamy way to compose music through the art of floristry. Every flower you pick is a unique instrument. Simply choose your favorite flowers, place them on the canvas, and play to listen to the one-of-a-kind melody you’ve created 🎶✨ Built for the #FigmaMakeathon with Figma Make Try it now: https://soundflower.figma.site

5

12

552

Cover image for A Spatial AI Planning System

A Spatial AI Planning System Built with Figma Make. We’ve been interacting with AI like this: Prompt → Response. But real planning doesn’t work that way. So I built something different. Plan Mode redefines AI thinking as: Intent → Constraints → Resources → Reasoning → Execution 1. Plan Builder (Node-Based Logic) In Plan Builder, you wire your system like n8n. You drag nodes onto the canvas and connect them. When the structure is ready, you activate the plan. 2 Constraint Knowledge Graph Time,Budget,Technical ,Complexity,Risk Level 3.Final (http://3.Final) Plan Activation When you hit Activate Plan, the interface shifts. The graph transforms into a live execution view. Primary path highlights. Figma link :https://www.figma.com/make/xvLCrsrmOB9355jNqhqS3H/Plan-Mode-Interface?t=gB1wi19EINwoZcn8-20&fullscreen=1

2

24

1K

Cover image for What if your art had

What if your art had music? Introducing Synesthetica — an interactive canvas where every brush stroke becomes a note, and every painting becomes a song. Paint freely. Hear your movement. Replay your composition. Built with Figma Make for the #FigmaMakeathon. Experience it here: https://synesthetica.figma.site/

15

51

3K

Cover image for Nexus: The Human OS 🧬
Just

Nexus: The Human OS 🧬 Just entered the #FigmaMakeathon! Nexus is a bio-responsive OS that solves "Digital Anxiety" by replacing static buttons with organic particles that react to your presence and heartbeat. Key Highlights: Bio-Sync: Music player visuals synced with a 72 BPM heartbeat. Fluid Craft: Smart Animate liquid transitions for a living feel. Links: Figma: https://www.figma.com/make/8eFmYmuGZ1YFre3uGvPXxS/Futuristic-mobile-OS-interface?p=f&t=Bgxqu68B6Lra0vwW-0&fullscreen=1 X: https://x.com/Raphaelrufan/status/2027297794407669887?s=20 ] Does this rhythmic pulsing help you feel relaxed? Let me know! 👇

19

6

566

Cover image for Loading... Please Wait. 💾
Remember the

Loading... Please Wait. 💾 Remember the smell of a brand new computer box? The weight of a mechanical switch before everything went “slim”? I took that tactile nostalgia and turned it into a fully functional UI kit. Heavy-duty keycaps, electric blue accents, and enough Auto Layout to keep even the most chaotic desktop organised. It’s not just a keyboard; it’s a time machine. #80sAesthetic #PixelPerfect #contra #OldSchoolTech #FigmaMakeathon Link (https://mug-cel-04688624.figma.site)Figma Community (https://#80sAesthetic #PixelPerfect #contra #OldSchoolTech #FigmaMakeathon)LinkedIn (https://www.linkedin.com/feed/update/urn:li:ugcPost:7433060238708256769/)Instagram (https://www.instagram.com/p/DVQQKJBEUYz/)

4

11

470

Cover image for We've been trained by swipe

We've been trained by swipe culture to make decisions in milliseconds. The swipe is reimagined by Ripple as a force that influences the future. Each swipe changes the world in real time rather than left or right. The magnitude of the effect depends on how forceful your gesture is. You can see the indifference. Because it is still an option to not choose. Check my entry here : https://tweak-plane-56152649.figma.site/ @Contra HQ #figmamakeathon

2

7

399

Cover image for An AI-powered personal assistant dashboard

An AI-powered personal assistant dashboard that orchestrates your day through three input modalities: touch, voice, and gaze tracking. What it does Live weather + geolocation. Real-time OSRM routing. Hands-free gaze tracking (MediaPipe) and voice commands (Web Speech API). Cinematic driving mode. Bilingual EN/KO. WCAG accessible. Built with React, Tailwind v4, Motion, Figma Make. (Check in browser for the best result.) https://context-aware-orchestrator.figma.site (https://context-aware-orchestrator.figma.site/)https://www.instagram.com/p/DVMfgN5EpFZ/

6

24

1.4K

Cover image for 🚀 Contra x Figma Makeathon

🚀 Contra x Figma Makeathon Submission — Contra x #FigmaMakeathon Proud to submit my experimental prototype for #FigmaMakeathon with Contra An experimental prototype exploring interfaces that respond to human presence instead of clicks. I designed three original interaction models — Attention Field, Interface Temperature, and Interface Gravity — that allow the system to reorganize itself based on focus, usage patterns, and behavioral clustering. Together, they form a unified adaptive interface that evolves in real time. Grateful to be part of this exploration with Contra x Figma Makeathon. Website link: https://glad-wad-53268566.figma.site Figma Community Link: https://www.figma.com/community/file/1608886078244703153 #figmamakeathon #ContraFigmaMakeathon #InteractionDesign #ExperimentalUI #FutureOfDesign

4

9

520

Cover image for I built a website where

I built a website where the only interaction is waiting. No buttons. No scroll. No clicks. You just stay. The longer you stay, the more it reveals — poetry, meaning, beauty. And then it all disappears. Because nothing is permanent. Not even the things you earned by being patient. Your cursor becomes a flashlight into the past — briefly illuminating what was there. But you can never see the whole thing again. Still Here — built for the Figma Makeathon. A screen that asks for nothing but your presence. https://unify-poppy-13936731.figma.site

20

53

4K

Cover image for Presence — A Public Canvas

Presence — A Public Canvas That Forgets A real-time multiplayer canvas where users appear as cursors and create together. Every stroke fades over time — no saving, no profiles, only the present moment. Built with Figma Make. Try it: https://presence.figma.site/

6

13

544

Cover image for Finally! My new motion design

Finally! My new motion design showreel is live 🚀 So grateful to have worked with so many amazing clients.💛 Turn the sound on - it hits different 🔊

6

11

404

Cover image for Oddfeather started with a Texas

Oddfeather started with a Texas farmer raising incredibly unique chickens and wanting a brand that felt as distinct as the birds themselves. We developed a quirky, memorable name paired with a clean, cheeky identity and hand-painted illustrations of the chickens. It struck the balance between artisan and approachable, giving him a visual story that could stand out at farmers markets, artisan events, and local shops. The brand gave him the personality and polish to build recognition in a category that usually feels generic.

6

26

347

Cover image for High Contrast Landing Page Design with Bold Typography

High contrast landing page concept with bold type and structured layout. Designed for clarity, built in Framer.

9

8

210