Check out Framer Here: https://bit.ly/sapta-x-framer
Use Code “FRAMER25INFLUENCER” to get 25% off first 3 months of Mini and Basic site subscription!

Link to Figma Community File: https://www.figma.com/community/file/...

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

UI/UX Design Roadmap 2024:    • If I Started UI/UX Design in 2024, I'...  

Amazon App Redesign:    • I Redesigned Amazon App | UI/UX Desig...  

Learn Figma from Scratch:    • Figma UI Design for Beginners in 10 M...  

12 UI/UX Laws You MUST KNOW:    • 12 UI/UX Laws You MUST KNOW 🧠 | Becom...  

UI/UX Design Trends 2024:    • 2024 UI/UX DESIGN TRENDS (INSANE 🤯) |...  

UI/UX Designer Roadmap 2024:    • How to Become a UI/UX Designer in 202...  

First ₹ 50,000 from UI/UX Design:    • Make Your FIRST ₹50,000 in 60 DAYS as...  

Upskill as a UI/UX Designer:
10 Easy Figma Animations:    • 10 EASY Figma Animations for Beginner...  
UI/UX Laws & Principles:    • 10 UI/UX Laws & Design Principles YOU...  
Become UI/UX Designer in 2024:    • How to Become a UI/UX Designer in 202...  
My First UI/UX Case Study:    • My first UX Design case study - This ...  
Write E-mails with ChatGPT:    • Write Email asking for a Job at Googl...  

Become a PRO UI/UX Designer in 2024:    • How To Become a PRO UI/UX DESIGNER in...  

Sapta Reviews:    • Sapta Reviews  

How to Become a UX Designer in 2024:
   • How To Become a UI/UX Designer in 202...  
-----------------------------------------------

😃 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

My Desk: https://bengaluru.featherlitestore.co...
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

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

📲 SOCIALS

Instagram:   / saptarshiux  
Twitter:   / saptarshipr  
Dribbble: https://dribbble.com/saptarshipr
LinkedIn:   / saptarshipr  
Medium:   / saptarshipr  

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

🎶 MUSIC

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

Sargam Prakash:    / sargampr  

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

🌟 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