I built a full website fast with Framer + the new Claude Fable 5 using a real workflow that starts in Figma and ends with a polished, responsive site. In this video you’ll see how I: 1. Connect Framer to Claude (so the agent can actually do the work) 2. Pull designs from Figma (frames, layout direction, and UI structure) 3. Have Claude generate the system: styles, components, and the full page layout in Framer 4. Switch to Framer’s native Agent (Fable 5) to iterate quickly—tweaks, refinements, and last‑mile changes inside the site If you’re trying to move from “design file” to “live site” without doing everything manually, this is the workflow. Try Framer: https://framer.link/Jesseshow2026 Use code JESSESHOW1 for special perks! #Framer #Claude #WebDesign #Figma #NoCode #AI ... Remember to Subscribe https://goo.gl/6vCw64 ------------------------------------------------------------------------------------ 🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.: https://designchamps.io/ ------------------------------------------------------------------------------------ 🎨 ////////// I Design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites in Framer https://framer.link/jesse 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252
I built a full website fast with Framer + the new Claude Fable 5 using a real workflow that starts in Figma and ends with a polished, responsive site.
In this video you’ll see how I:
1. Connect Framer to Claude (so the agent can actually do the work)
2. Pull designs from Figma (frames, layout direction, and UI structure)
3. Have Claude generate the system: styles, components, and the full page layout in Framer
4. Switch to Framer’s native Agent (Fable 5) to iterate quickly—tweaks, refinements, and last‑mile changes inside the site
If you’re trying to move from “design file” to “live site” without doing everything manually, this is the workflow.
Try Framer: https://framer.link/Jesseshow2026
Use code JESSESHOW1 for special perks!
#Framer #Claude #WebDesign #Figma #NoCode #AI
... Remember to Subscribe https://goo.gl/6vCw64
------------------------------------------------------------------------------------
🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.:
https://designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
https://psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I build websites in Framer
https://framer.link/jesse
📅 ////////// I run my life with Notion
https://affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252