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 to Framer - Structured Agency Website Build
This agency website started with layout hierarchy and section logic in Figma before moving into Framer for a clean, interactive build.
Instead of jumping directly into development, I focus on:
• Clear content structure
• Strong typography hierarchy
• Modular section system
• Responsive planning from the start
When structure is defined early, development becomes cleaner and more scalable.
Design first. Then purposeful execution.
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
Hi Community!
So, I’ve been exploring Figma Make during the initial planning process in designing a website. It feels like a good tool to explore a rough idea in real-time.
I like it - being able to iterate so quickly.
🚀 A tip from me would be to add it to your exploration process - it definitely makes it more fun.
Has anyone else added this to their workflow yet? 🧠
Love how Contra's community is providing tangible insights!
If websites came with a care label, what would yours say? 🤔
I've been thinking about how micrographics, those small labels usually found on packaging or clothing tags, could translate to the web.
As web designers and developers, we know there is *so* much invisible thinking behind a site: structure, performance, accessibility, content systems… and we rarely see it. 👀
As builders, we think about these things constantly, but users rarely see them. Maybe there’s value in making the craft more legible.
What do you guys think? 💭
This is such a fun concept. The care label idea makes all that invisible work visible in a really clever way. "Reduced motion safe" and "92 Lighthouse" on a tag would tell you so much about how thoughtfully a site was built. Would love to see this become a real thing designers actually share with clients.
Landing page design exploration with component interactions built in Framer.
Nice Work 😍
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?