Check out Framer Here: [ Ссылка ]
Use Code “FRAMER25INFLUENCER” to get 25% off first 3 months of Mini and Basic site subscription!
Link to Figma 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: [ Ссылка ]
Amazon App Redesign: [ Ссылка ]
Learn Figma from Scratch: [ Ссылка ]
12 UI/UX Laws You MUST KNOW: [ Ссылка ]
UI/UX Design Trends 2024: [ Ссылка ]
UI/UX Designer Roadmap 2024: [ Ссылка ]
First ₹ 50,000 from UI/UX Design: [ Ссылка ]?
Upskill as a UI/UX Designer:
10 Easy Figma Animations: [ Ссылка ]
UI/UX Laws & Principles: [ Ссылка ]
Become UI/UX Designer in 2024: [ Ссылка ]
My First UI/UX Case Study: [ Ссылка ]
Write E-mails with ChatGPT: [ Ссылка ]
Become a PRO UI/UX Designer in 2024: [ Ссылка ]
Sapta Reviews: [ Ссылка ]
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
My Desk: [ Ссылка ]
Sony A7iv: [ Ссылка ] (Primary camera)
Samyang 24-70mm F2.8 lens: [ Ссылка ]
Sony a6300: [ Ссылка ] (Secondary Camera)
Sigma 16mm F1.4 lens: [ Ссылка ]
Sony 50mm F1.8 lens: [ Ссылка ]
Samson G-Track Pro condenser mic: [ Ссылка ]
Rode Wireless Go 2 : [ Ссылка ]
Boya Lavalier Mic: [ Ссылка ]
Godox SL60w light : [ Ссылка ]
Godox SB-UE 80cm softbox : [ Ссылка ]
DIGITEK DTR 500 BH (60 Inch) Tripod: [ Ссылка ]
-----------------------------------------------
📲 SOCIALS
Instagram: [ Ссылка ]
Twitter: [ Ссылка ]
Dribbble: [ Ссылка ]
LinkedIn: [ Ссылка ]
Medium: [ Ссылка ]
-----------------------------------------------
🎶 MUSIC
The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.
Sargam Prakash: [ Ссылка ]
-----------------------------------------------
🌟 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
![](https://i.ytimg.com/vi/8L0GQ_3vaDY/maxresdefault.jpg)