My Full Process for Redesigning a Landing Page with AI (Framer Tutorial)
2341 次观看 · 2026-06-30
UI 设计
❤️ Framer (no-code website building tool, 30% off annual Framer Pro Plan): https://framer.link/cecilia1
code: CECILIA2
⭐️ Framer just launched the most exciting launch, and I couldn’t wait to share it with you! I’m actually so surprised and happy that I got SO MUCH work done in such an incremental amount of time with the new AI agents, branching, and a lot more. This was definitely the Framer update I didn’t know I needed.
In this video I walk through my entire process, from auditing the site for consistency, to having the Agent build real text and color styles, adding a proper integrations section, updating the screenshots and copy, building a brand new feature page from scratch, rebuilding the responsive layouts safely with branching, and connecting my own coding workflow straight to the Framer site.😊
------------------------------------------------------------------------------------------------------
✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com
📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/
❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia
❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim
Timestamps:
00:00 intro
01:31 site audit
03:38 site refresh
04:39 branching
06:15 my workflow
07:43 publishing
08:36 thanks for watching!🫶
This video is sponsored by Framer.
#framer #aiagents #uiuxdesign #nocode #productdesign
code: CECILIA2
⭐️ Framer just launched the most exciting launch, and I couldn’t wait to share it with you! I’m actually so surprised and happy that I got SO MUCH work done in such an incremental amount of time with the new AI agents, branching, and a lot more. This was definitely the Framer update I didn’t know I needed.
In this video I walk through my entire process, from auditing the site for consistency, to having the Agent build real text and color styles, adding a proper integrations section, updating the screenshots and copy, building a brand new feature page from scratch, rebuilding the responsive layouts safely with branching, and connecting my own coding workflow straight to the Framer site.😊
------------------------------------------------------------------------------------------------------
✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com
📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/
❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia
❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim
Timestamps:
00:00 intro
01:31 site audit
03:38 site refresh
04:39 branching
06:15 my workflow
07:43 publishing
08:36 thanks for watching!🫶
This video is sponsored by Framer.
#framer #aiagents #uiuxdesign #nocode #productdesign