--- title: "Framer Academy: Learn how to work and build with Framer Agents" description: Learn how to design, build, and publish with Framer Agents. Learn about prompting, the Canvas, responsive layouts, CMS, and more. published: "Oct 12, 2026, 3:45 PM UTC" --- # Framer Academy Learn how to design, build, and publish with Framer Agents. Learn about prompting, the Canvas, responsive layouts, CMS, and more. [Academy](./) [Basics](./topics/basics) [Agents](./topics/agents) [CMS](./topics/cms) [Publishing](./topics/publishing) [Animations](./topics/animations) [Layout](./topics/layout) [Content](./topics/adding-content) [SEO & AEO](./topics/seo) [Design Systems](./topics/design-systems) Search all 107 lessons… [5:56 Prompt, build and publish your first site with Framer Build your first Framer site with the Agent. Start with a clear prompt, refine what it creates on the canvas, check every layout, then preview and publish. Watch video](./lessons/build-your-first-site) ### More basics to get started [All basics](./topics/basics) [Basics **Learn the Framer interface** 5:03](./lessons/framer-interface) [Basics , Agents , Layout **Generate responsive breakpoints with the Agent** 4:24](./lessons/making-a-site-responsive-using-agents) [Basics , Agents , Publishing **Polish your pages with the Agent** 2:14](./lessons/polish-your-page-with-agents) [Basics , Agents , CMS **Build your Framer CMS with the Agent** 3:45](./lessons/getting-started-with-the-framer-cms) ### Topics [Basics Build your first site with the Agent and learn the Canvas. 24](./topics/basics) [Agents Direct the Agent and refine every result on the Canvas. 16](./topics/agents) [Agents 16](./topics/agents) [CMS 16](./topics/cms) [Publishing 18](./topics/publishing) [Animations 44](./topics/animations) [Layout 24](./topics/layout) [Content 26](./topics/adding-content) [SEO & AEO 16](./topics/seo) [Design Systems 41](./topics/design-systems) ###### Recently added [All lessons](./lessons) [Agents , Basics **5 Framer skills for faster, more consistent work** 4:22](./lessons/framer-project-skills) [Agents , Design Systems **Turn your design system into a reusable skill** 9:24](./lessons/framer-design-system-skill) [Basics **Learn the Framer interface** 5:03](./lessons/framer-interface) [Basics , Agents **Prompt, build and publish your first site with Framer** 5:56](./lessons/build-your-first-site) [Layout **Build layouts that resize correctly in Framer** 7:07](./lessons/sizing-modes) [Agents , Design Systems **Review Agent changes safely with Branching** 5:38](./lessons/branching-explore-variations-safely) [Layout **Build flexible layouts with Frames and Stacks** 3:27](./lessons/frames-vs-stacks) [Agents , Design Systems **Keep your growing site consistently with the Agent** 4:45](./lessons/using-the-agent-for-scalability) [Basics , Layout , Design Systems **Design responsive layouts that work on every screen** 3:05](./lessons/changing-the-mental-model) [Basics , Agents , CMS **Help your visitors browse your CMS content** 3:58](./lessons/create-a-cms-index-page-in-framer) --- ## Navigation - [Enterprise](../enterprise/) - [Pricing](../pricing) - [Log in](https://framer.com/r/login) - [Sign up](https://www.framer.com/r/signup/) - [Brand guidelines](../brand) - [AI](../ai/) - [Agents](../agents/) - [External Agents](../agents/external/) - [Design](../design/) - [Collaborate](../collaborate/) - [CMS](../cms/) - [Hosting](../hosting/) - [Performance](../performance/) - [SEO](../seo/) - [Skills New](../skills) - [Convert](../convert/) - [Publish](../publish/) - [Updates](../updates) - [Templates](https://www.framer.com/community/marketplace/templates/) - [Components](https://www.framer.com/community/marketplace/components/) - [Vectors](https://www.framer.com/community/marketplace/vectors/) - [Plugins](https://www.framer.com/community/marketplace/plugins/) - [Gallery](https://www.framer.com/community/gallery/) - [Hire Experts](https://www.framer.com/community/members/) - [Switch](../switch/) - [Agencies](../agencies/) - [Startups](../startups/) - [Desktop App](../downloads/) - [Developers](../developers/) - [Affiliates](../creators) - [Experts New](../expert/apply/) - [Guides](../guides) - [Blog](../blog/) - [Newsletter](../newsletter) - [Stories](../stories/) - [Students](../education/students/) - [Ambassadors](../education/ambassadors/) - [Help Articles](../help/) - [Meetups](../meetups/) - [Contact](../contact/) - [Designers](../solutions/designers/) - [Agencies](../solutions/agencies/) - [Marketers](../solutions/marketers/) - [Growth](../solutions/growth/) - [Builders](../solutions/builders/) - [Engineers](../solutions/engineers/) - [Site Teams](../solutions/site-teams/) - [Founders](../solutions/founders/) - [AI website builder](../solutions/ai-website-builder/) - [AI design agent](../solutions/ai-designer/) - [Website builder](../solutions/website-builder/) - [Landing pages](../solutions/landing-pages/) - [Portfolio maker](../solutions/portfolio-website/) - [UI/UX design](../solutions/ui-ux-design/) - [Figma to HTML](../solutions/figma-to-html/) - [No-code](../solutions/no-code-website-builder/) - [Compare](../compare) - [Webflow](../compare/framer-vs-webflow) - [Figma](../compare/framer-vs-figma) - [Wix](../compare/framer-vs-wix) - [Squarespace](../compare/framer-vs-squarespace) - [WordPress](../compare/framer-vs-wordpress) - [Readymag](../compare/framer-vs-readymag) - [Ceros](../compare/framer-vs-ceros) - [Unbounce](../compare/framer-vs-unbounce) - [Lovable](../compare/framer-vs-lovable) - [Claude Code](../compare/framer-vs-claude-code) - [ChatGPT](../compare/framer-vs-chatgpt) - [Codex](../compare/framer-vs-codex) - [Contentful](../compare/framer-vs-contentful) - [Sanity](../compare/framer-vs-sanity) - [AEM](../compare/framer-vs-adobe-experience-manager) - [Replit](../compare/framer-vs-replit) - [v0](../compare/framer-vs-v0) - [Careers](../careers/) - [Security](../legal/security) - [Brand](../brand) - [Abuse](mailto:abuse@framer.com) - [Legal](../legal/community-terms) - [Trust](https://app.eu.vanta.com/framer.com/trust/ow67ujg7iav0t6qtd1o6r2) - [Merch](../store) - [Keyboard](../f1) - [Stack Score](../stack-score/) - [Free domains](../domains/) - [AEO scanner](../aeo) - [State of Sites](https://www.framer.com/state-of-sites-2026/) - [CanvasBench](../canvasbench/) - [Link Preview](https://www.linkpreview.app/) - [Checking status](https://www.framerstatus.com/)