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
Is your Figma file ready for the build?
Before I start a Webflow or Framer build, I run the design file through this checklist. Every missing item becomes a guess during development, and guesses become revisions.
• Components with variants, not copied frames
• Text styles for every heading and body size
• Colors and spacing saved as variables
• Auto layout on every frame
• Desktop, tablet and mobile frames
• Real content instead of lorem ipsum
• Notes for hovers and interactions
When all seven are in place, the build moves faster and the live site matches the design.
If a file isn't there yet, I close the gaps with the designer before the build starts, not halfway through it.
Which of these is usually missing from the files you receive?
Hover and interaction notes are the ones I see missing most.
Same here, Rafee. A static frame can't show what a hover or scroll animation should feel like, so I ask for a short note or a quick prototype link per component before I start. It saves a full round of revisions later.
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
🌲 Nordhaus | Prefab Timber Homes Website (Framer)
Homes that grow quietly with the forest, now on the web. 🏡
Nordhaus is a website for a Latvian builder of prefabricated timber homes, created in Figma and built in Framer as a responsive site for desktop, tablet and mobile. It brings the brand's calm Nordic character through full-screen photography, a scroll-driven process story, a horizontal model gallery and interactive testimonials.
✨ Template coming soon to Framer.
Wonderful design man
Your web sections always have such strong art direction. Great to see the brand carried right into the layout.
I designed and built Encore, a scheduling app for a three-office orthodontic practice, then made its launch film the same way I made the app: from the real thing.
Every screen in the film is the live app, recorded on an iPhone 17 Pro simulator. I built the phones as 3D models in Rive, mapped the recordings onto their displays, and choreographed the camera, a three-phone orbit, and a closing wall of twenty screens on a single Rive timeline. No mockups, no After Effects. Swap a screen or retime a move and the film re-renders.
Nice work!!