Back to Browse

Framer Tutorial: AI Site Generation Workflow (2026 Guide)

13.2K views
Feb 10, 2026
21:43

NEW FRAMER COURSE: 0 TO $11.5K WITH FRAMER (ENROLLMENT CLOSES APR 7TH):https://go.frameruniversity.com/ ____________________________________________________ ✔︎ Framer University: https://frameruni.link/yt ✔︎ Create a free Framer account: https://framer.university/free-account In this Framer tutorial, I'll show you the AI site generation workflow that allows you to build websites in Framer without any technical knowledge. We're going to build a full link-in-bio website just by writing out prompts inside of Framer. 00:00 - Introduction 01:45 - Setting Up Your Project 02:30 - Generating a Layout with Wireframer AI 03:38 - Adjusting Responsiveness and Breakpoints 04:49 - Customizing Text and Images 06:11 - Managing Social Icons and Reordering 07:48 - Using Workshop AI for Custom Components 09:14 - Prompting the 3D Flipping Card 12:13 - Integrating and Styling the AI Component 15:58 - Editing Component Properties with AI 17:24 - Adding Links to Icons and Buttons 18:50 - Publishing Your Website 19:50 - Custom Subdomains and Pricing Plans 21:30 - Resources and Conclusion Follow me on: X: https://twitter.com/learnframer Instagram: https://instagram.com/framer.university

Download

1 formats

Video Formats

360pmp423.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Framer Tutorial: AI Site Generation Workflow (2026 Guide) | NatokHD