Ready to design, iterate, and publish all in one tool?
Start creating for free at https://framer.link/Saptarshi,
and use code “SAPTARSHI” for a free month of Framer Pro.
Ever designed something perfect in Figma, only to see it feel completely different when built?
The spacing shifts. The animations don’t flow. The interactions aren’t quite what you imagined. This has happened to me countless times, and it made me question: what if we’re designing in the wrong place?
So I challenged myself to design a complete website for a creator management business, without touching Figma once.
Not using AI to generate it. Not starting from a template. Doing proper high-touch design work, just like I normally would, except this time building directly where it will be published.
The tool is Framer’s newly launched Design Pages.
Most people know Framer as a website builder, but it’s evolved into something different. It now gives you a freeform design canvas with professional-grade tools, vector editing with inline SVG animation, P3 colors for vibrant gradients, 3D transforms, advanced masking, and curated premium assets built right in.
In this video, you’ll see:
• How designing where you publish removes the translation gap between vision and reality.
• What happens when you skip the traditional Figma-to-development handoff?
• Whether Framer’s design tools can actually replace your Figma workflow.
• The real limitations I discovered during this experiment.
This isn’t about which tool is “better.” It’s about understanding when speed and accuracy matter more than your usual process.
For landing pages, portfolios, or rapid prototypes, this workflow changes everything. Watch till the end to see if this challenge was actually a success.
Let me know in the comments: Would you design without Figma?
Share your thoughts in the comments below! 📩
This video contains paid collaboration with Framer.
CHAPTERS:
00:00 – Introduction
01:52 – Building a Full website using Framer.
01:40:16 – Final Result
01:40:56 – Conclusion
Join my community: https://nas.io/sapta
Join my Instagram broadcast channel to never miss an update: https://ig.me/j/AbadG67M–mvwepf/
Get on a call with me: https://topmate.io/sapta
Buy me a coffee: https://www.buymeacoffee.com/saptarshipr
———————————————–
😃 ABOUT ME
This is Saptarshi (a.k.a. Sapta), an engineer turned self-taught Product Designer based out of Bangalore, India. I have worked with some of the very well known startups of India and learned anything and everything that is needed to create amazing experiences for the users. I’m also an active speaker, teacher and community builder, and have delivered over 60 talks, workshops and webinars on design. In this channel, I post videos with tips, strategies, tutorials and general gyaan to scale your career in Design. If you are into it, you may want to subscribe and hit the bell icon to that you don’t miss out 🙂
———————————————–
📲 SOCIALS
Instagram: https://www.instagram.com/saptarshiux/
Twitter: https://twitter.com/saptarshipr
Dribbble: https://dribbble.com/saptarshipr
LinkedIn: https://www.linkedin.com/in/saptarshipr/
Medium: https://medium.com/@saptarshipr
———————————————–
💻 📷 🎤 MY GEAR
My Desk: https://bengaluru.featherlitestore.com/product/motorized-height-adjustable-table/
Sony A7iv: https://amzn.to/3KQZ0LM (Primary camera)
Samyang 24-70mm F2.8 lens: https://amzn.to/3qDYHx0
Sony a6300: https://amzn.to/3gIx0v1 (Secondary Camera)
Sigma 16mm F1.4 lens: https://amzn.to/38DFPRR
Sony 50mm F1.8 lens: https://amzn.to/3rufcaB
Samson G-Track Pro condenser mic: https://amzn.to/37Rixsw
Rode Wireless Go 2 : https://amzn.to/3KQXBU0
Boya Lavalier Mic: https://amzn.to/2M0MZI7
Godox SL60w light : https://amzn.to/3HgSU3O
Godox SB-UE 80cm softbox : https://amzn.to/3GdNq8h
DIGITEK DTR 500 BH (60 Inch) Tripod: https://amzn.to/39d1m48
———————————————–
🎶 MUSIC
The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.
Sargam Prakash: https://www.youtube.com/user/sargampr
———————————————–
🌟 TAGS
[Framer website design, no code website builder, how to use Framer, Framer tutorial for beginners, no code website designing, Framer design tips, how to build a website with Framer , no coding website design examples , Framer website templates. create a website without coding, Framer project walkthrough, Framer for designers, ui design,ui designer,saptarshi prakash,sapta]
———————————————–
🌟 HASHTAGS
#figma #framer #webdesign #uiux
