The NEW ERA of UI/UX Design in 2026 | ft. Framer Agents
1.2万 次观看 · 2026-07-29
UI 设计
Thanks to Framer for sponsoring this video! Check out Framer Agents for yourself: https://framer.link/Saptarshi2
AI is changing the way we approach UX design and UI design, and in this video, I'm putting that to the test.
I'm redesigning a website for a café called Twenty Milli Coffee, based in Bali using Framer Agents, while walking you through my complete website design process from strategy to launch. You'll see where AI speeds things up, where human creativity still matters, and how modern designers can build better websites in 2026.
If you're interested in UX design, UI design, web design, AI agents, Framer, no-code development, product design, or building modern portfolio and business websites, keep watching till the end.
CHAPTERS:
00:00 Intro
01:37 The SHAPE Framework
03:54 Website Concept Overview
11:58 Live UI/UX Design Demo
21:04 Adding CMS & E-Commerce
25:37 Outro
Twenty Milli Coffee Roastery:
Instagram: https://www.instagram.com/20ml.coffee/
Website: https://20mlcoffee.com/
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
saptarshi prakash,how to build a website,framer tutorial,framer agents,framer latest update,learn framer,framer cms,framer scroll animation,website design,e commerce website,web design for beginners,ai web design,ai website builder,website design tutorial,ui ux design,ui ux designer,ui design,ux design,ui,ux,product design,design process,design fundamentals,portfolio website design,design system,website ui ux,learn ui ux,ux design tutorial,
-----------------------------------------------
🌟 HASHTAGS
#uiux #design #graphicdesign #ai
AI is changing the way we approach UX design and UI design, and in this video, I'm putting that to the test.
I'm redesigning a website for a café called Twenty Milli Coffee, based in Bali using Framer Agents, while walking you through my complete website design process from strategy to launch. You'll see where AI speeds things up, where human creativity still matters, and how modern designers can build better websites in 2026.
If you're interested in UX design, UI design, web design, AI agents, Framer, no-code development, product design, or building modern portfolio and business websites, keep watching till the end.
CHAPTERS:
00:00 Intro
01:37 The SHAPE Framework
03:54 Website Concept Overview
11:58 Live UI/UX Design Demo
21:04 Adding CMS & E-Commerce
25:37 Outro
Twenty Milli Coffee Roastery:
Instagram: https://www.instagram.com/20ml.coffee/
Website: https://20mlcoffee.com/
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
saptarshi prakash,how to build a website,framer tutorial,framer agents,framer latest update,learn framer,framer cms,framer scroll animation,website design,e commerce website,web design for beginners,ai web design,ai website builder,website design tutorial,ui ux design,ui ux designer,ui design,ux design,ui,ux,product design,design process,design fundamentals,portfolio website design,design system,website ui ux,learn ui ux,ux design tutorial,
-----------------------------------------------
🌟 HASHTAGS
#uiux #design #graphicdesign #ai