Modern UI/UX Design Website in 1 HOUR! (No Experience Needed) 🔥 | Saptarshi Prakash

Use Code “FRAMER25INFLUENCER” to get 25% off first 3 months of Mini and Basic site subscription!

In this video, I’ve built my own portfolio website using Framer!

As you all know, it is a no-code website builder which seamlessly integrates with my Figma canvas, allowing me to easily copy and paste components to and from it with the Figma to HTML Plugin!

And I didn’t just copy and paste the Figma design as-is, I took it up a notch and transformed it into a fully functional dynamic website, with animations as well as a Content Management System, with all the SEO optimization features and built-in analytics!

Whether it's a captivating marketing site, a high-converting landing page, or an irresistible online campaign, Framer is your go-to tool!

Do watch this video till the end for a full, hands-on tutorial to make your own website!

Subscribe for more such hands-on tutorials and UX design insights!

CHAPTERS:
00:00 Intro
0:33 Figma Website Design Walkthrough
03:51 Framer Hands-on Tutorial
47:45 Results
48:01 Outro

Upskill as a UI/UX Designer:

How to Become a UX Designer in 2024:
-----------------------------------------------

😃 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 :)

-----------------------------------------------

💻 📷 🎤 MY GEAR

-----------------------------------------------

📲 SOCIALS

-----------------------------------------------

🎶 MUSIC

The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.

-----------------------------------------------

🌟 TAGS
figma,ui,ux,ui ux design tutorial,ui/ux design,ux design,ui design,ui ux design tutorial for beginners,ansh mehra,Saptarshi Prakash,sapta,framer tutorial 2024,portfolio website,website design in figma,no code,web design,build website no code,user experience design,learn ux design,Modern UI/UX Design Website in 1 HOUR! (No Experience Needed),website design,website,design,uiux design tutorial,how to create a website,how to design a website

-----------------------------------------------

🌟 HASHTAGS

#uidesign #design #websitedesign

[christymownica]

Undoubtedly the best framer tutorial I watched so far. Very glad you covered the CMS part. Thank you for being amazing ❤ and would love to get a full playlist of framer videos from you😊

[RinkeshBist]

3:34 Sapta, imo if you want the user to read all the titles & descriptions & then decide (highly unlikely to happen) which case study to pick & review then list view makes sense. But usually the hiring managers & recruiters just skim through the folio's & the media which catches their attention is what they go ahead w/, in that case grid view makes sense. But it also comes down to the personal choice of the designer, of how they want to showcase their work, space to play w/ n stuff... 😄
Anywho, It was a very informative video. Thanks for sharing it! ✨

[basantrajmohan]

There is no better framer tutorial on the internet today!!!❤❤, Perfectly explained for someone like me who has attempted trying to make portfolio website in framer and failed this is the best tutorial to succeed, Thankyouu saptaa❤❤, although i suggest if you could include the responsive part also, or maybe it could be an idea for a follow up video

[hemantkumarnirmalkar]

Yes the best tutorial of no-code tool and loves the way you explain it .Looking for new amazing content .

[varunsskipper]

A thanks to you, never in my entire life would I have ever thought I would be able to do things like this. Thanks a lot Sapta 🤗🤗🤗🤗

[Swarnanko_]

As always, very easy and informative video . Thanks for giving us such contents .

[raghavsahu]

Literally valuable ❤the video thank you sapta

[danishzaffar]

Sir I m not getting a plus option in Style besides images n text

[TechMentor_Solution]

thank for making this video it will be helpful for me ☺☺☺❤

[pritomchakraborty]

Probably the best guy who teaches ui ux and its essential thoroughly for free

[kartikeynayak]

Glad to see you are to teaching CMS as well, thank you for this tutorial ✨️

[MadheshA-xwmf]

Sir, could you make more videos about Framer? Specifically on creating Motion portfolios and Functional portfolios.❤

[abhichatterjee]

Awesome video, Spata! 💌 Could you please create a responsive layout for this website? It would be incredibly helpful for us, especially on tablets and mobile devices. Thanks!

[vanimittal]

Hey Sapta❤, thanks for making best framer tutorial..will definitely try it out. I learned a lot from you🙏

[abhinav-swzm]

Great video It help me in many ways to upgrade my skill, please make video on " USER INTERACTIVE ANIMATION "