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
Behind every polished Framer website is a workflow that keeps everything organized.
For me, every project starts in Figma, where layouts, components, and interactions are planned before moving into Framer for development and animations.
A solid process means fewer revisions, faster delivery, and a much better experience for everyone involved.
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
Startfrom is live.
a small library of @framer templates made to feel like real websites, not placeholder layouts
as framer template market gets noisier, we’re taking the opposite route: fewer templates, higher standards, more polish
live now: startfrom.co
Nice work👏
Every new Figma file starts the same way.
Variables. Page structure. Base frames. Annotation components. Cover slide.
Twenty minutes of setup before a single design decision gets made. If you're a product designer, you'll know exactly what I mean.
𝗦𝗼 𝗜 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗽𝗹𝘂𝗴𝗶𝗻. Meet Starter, one click, and your entire foundation is ready.
→ Core variables: Typography, grids, spacing, and colours
→ Page structure: A clean, organised file hierarchy
→ Base frames: Pre-configured frames hooked up to your grids
→ Helper components: Sticky notes and status labels for quicker documentation
→ Base cover: A customisable project thumbnail
https://www.figma.com/community/plugin/1616860142658349536/starter?q_id=1e2ab7fb-d8fc-40f5-a2db-72164930f2df
Brilliant work! I'm testing it now!
What can you create with Figma Motion?
Figma recently introduced Figma Motion, a new way to add animations directly inside your design file.
Of course, I had to try it myself.
I created this scene to test how it handles simple looping animations.
It’s still in beta, so there are a few limitations, but it’s already quite intuitive and beginner-friendly.
Sharing my process walkthrough in the comments.
Have you tried it yet?
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?