Figma X Contra Configmakeathon: Step-by-Step Building Process

Figma X Contra Configmakeathon: Step-by-Step Building ProcessFigma X Contra Configmakeathon: Step-by-Step Building Process

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

Favour Utulu

• Jun 18

Check out my submission for the figma X Contra #Configmakeathon if you want to recreate

Here is a detailed breakdown of the building process

https://youtu.be/o1UQ8atYiys?si=kPKYM9dYX6dhxIQC

Favour Utulu

• Jun 18

🚀 Built InvoiceFlow AI for #ConfigMakeathon

One challenge many freelancers face is turning messy client messages into clear project scopes and professional...

Alex Karpodinis

max

• 7h

I built the Contra Labs Creative Intelligence Report 2026 Framer site.

Check it out

Framer Higgsfield AI FLORA

Nikita Skopych

max

• 7h

Your launch video comes with something your design team can keep using: the storyboard. I design every scene from scratch in Figma, simplifying UI screens and dashboards so the product is easier to understand. You keep that file. Many of my clients pass it to their designers to reuse the layouts, gradients, and simplified interfaces for website illustrations and other marketing materials. For LP Grid, I took that next step ourselves. After the launch video, the client asked me to create a product presentation. I built it using the storyboard as a foundation, with a good understanding of the product already in place. That helped me move faster and keep both pieces consistent. You can see the video and presentation below. Your team can build on the storyboard, or keep us involved for presentations, banners, and social content. Need a product video? Get in touch - let’s talk.