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
From Figma file to live site, the way we run every build:
1. Figma: design approved before any build starts
2. Style guide: type, colour and spacing set up as variables
3. Components: every repeated section built once and reused
4. CMS: collections and fields that match how your team publishes
5. Staging: a private link where you review real pages
6. QA: devices, speed, SEO and forms
7. Launch: redirects, DNS and sitemap, then a final check
No surprises at the end, because nothing gets built before it's agreed.
Where do your projects usually get stuck?
This is a great checklist. The style guide as variables step is the one I wish more people did properly, it makes the whole build feel calm instead of chaotic. Where do your projects usually get stuck in your experience, Figma approvals or QA?
Thanks Timothy. In my experience it's approvals far more than QA. QA is a list we control, approvals depend on how many people are in the room, so naming one decision-maker at kickoff saves weeks. Agree on variables too, they're what keep the build calm when the third round of changes lands.
Staging with a private link is underrated. Clients react so much better to a real page.
Completely agree, Rafee. A real page on a real phone gets clear feedback in minutes, while a static frame tends to get "looks good" and then surprises after launch.
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
A little peek at the brand work we did for Elio Mortgage.
A warm, approachable identity full of warm vibrant colors paired with soft sun rising inspired gradients, inner glows and custom illustrations & more. Loved this direction!
Full case study coming soon, from process to final identity.
Plenty of logo explorations to share too!
That color palette takes the whole identity to a different level!! I loove it.
Figma Football
An unofficial football concept inspired by Figma and its visual language.
The ball was created using a custom 3D generator I built in ChatGPT, with animated interface icons and graphics developed with Claude.
Part design experiment, part exploration of how custom AI-powered tools can become part of the creative process.
The interface icons translate surprisingly well into a football identity.
Ripple: book an Influencer the way you'd book a hotel 💧
Working with Influencer is still messy: DMs that go nowhere, rates you have to chase, contracts over email, and paying upfront with no guarantee.
Ripple puts the whole deal in one place:
• Discover Influencers matched to your Brand campaign, with real stats and a clear rate card
• Send a request and negotiate terms in chat
• Approve a proposal that both sides can see, line by line
• Sign once and it's binding for both sides
• Pay by phase, held in escrow until the work is approved
From "who should we work with?" to "booked" in minutes.
#ProductDesign #UIUX #CreatorEconomy #MobileApp #ConceptDesign
This is such a needed concept, Praveen! 👏 The influencer booking process is honestly a nightmare right now. Love how you simplified it like booking a hotel - super clear positioning. The design in the video looks clean too! 💧