What we launched at our Spring Event in 90 seconds
New AI Tools, reimagined Vector Editing, and Analytics updates with A/B testing, funnels, and click tracking. Available right now. https://framer.link/hoW6KL0
framer.top
Advanced Analytics — Track clicks, build funnels, and run A/B tests
Introducing Advanced Analytics—Click Tracking, Conversion Funnels, and A/B Testing, all built right into Framer. With this update to Framer’s analytics, it’s now much easier to gain actionable insights for your site. You can track clicks on links and form submissions, and use that data to build and view conversion funnels to analyze how specific pages perform. Want to improve your conversion rates? Set up A/B tests to validate your designs and assumptions—all without slowing down your site, with
Workshop — Turn prompts into powerful components with AI
Introducing Workshop—turn ideas into working components just by describing them. No code. No setup. Just a quick chat. Workshop allows you to create an infinite amount of components using AI, ready to publish. Workshop generates components with property controls, so you can customize and fine-tune each component to make them your own. Workshop also makes it easy to create effects that used to feel out of reach—like an image card with an interactive 3D tilt. Just describe what you want, and it bu
Wireframer — Kickstart your next site with AI-generated pages
Introducing Wireframer, a new way to kickstart your next site. It generates clear, purpose-built layouts that focus on structure, not style, so you can move fast while keeping full control over the aesthetics. Generation is blazing fast, and the output is responsive, minimal, and ready to customize. Once generated, you can jump straight to the Canvas to make it your own using the full power of Framer, and publish in seconds. Wireframer is perfect for landing pages, about pages, personal sites, p
Vectors — A complete reimagining of vector editing in Framer with Vector Sets and Animations
Introducing a complete reimagining of vector editing in Framer. We’ve redesigned the toolbar, with new vector shapes and path editing tools now available anywhere. Draw icons and logos directly within your existing layouts. For larger sites, we’re introducing Vector Sets—a dedicated Canvas with all the tools you need to design consistent icon sets. These sets can be shared and updated across multiple projects, with visual browsing and search built in. And last but not least, we’re introducing Ve
Framer Spring Event
Join us for our second annual Spring Event with new feature announcements. Learn more at https://framer.link/hoW6KL0
Where ideas take shape
Join us May 21 for a day of shipping → https://framer.link/V58W
Publishing and connecting a domain in Framer
You’ve designed it and now it’s time to put it out into the world. In this lesson, we’re talking about how to publish your site in Framer. And how to setup a free Framer subdomain, connect your own custom domain, use staging to test and deploy updates, and even how to unpublish if needed.Sign up: https://framer.link/ytFollow: https://framer.link/yt-xLearn: https://framer.link/yt-academy
Choosing the right plan for your Framer site
Taking your site live can be as easy as smashing the publish button — but depending on what you’ve built, it’s important to choose the right site plan.You don’t need to make any decisions yet but in this lesson, we’ll take a high-level look at the considerations you’ll want to make when choosing a plan for your site.See up to date pricing: https://www.framer.com/pricingSign up: https://framer.link/ytFollow: https://framer.link/yt-xLearn: https://framer.link/yt-academy
Framer Update: REM Sizing for Responsive Type
The April update introduces REM sizing, making responsive design in Framer easier than ever. REM is a font-size unit based on a default value—typically 16 pixels—that allows you to design type scales relative to that base value. This base value can even be customized per Breakpoint, making all text layers using REM responsive out of the box. When using Layout Templates, this gives you a single place to define both your Breakpoints and base sizes per Breakpoint. You can then tweak either of them
Utilizing Collection Lists in Framer (CMS Lesson 4)
Learn how to take full control of your dynamic content using Collection Lists in Framer CMS. In this video, we’ll show you how to add and style Collection Lists, connect them to your CMS using variables, filter and sort content, and customize link behavior within list items. Perfect for building flexible, content-driven sites that scale with ease.🌞 Start for free: https://framer.link/yt📚 Learn more at: https://framer.link/yt-academy💎 Join the Community: https://framer.link/yt-community🎉 Follow o
Site and Page Settings in Framer
In the previous lesson, we dug into Site and Page settings related to accessibility and SEO, but there are still some other settings left to talk about.In this lesson, we’re looking at a bunch other useful settings — and how they let us add some additional functionality and polish before we take our sites live.Sign up: https://framer.link/ytFollow: https://framer.link/yt-xLearn: https://framer.link/yt-academy
SEO and Accessibility in Framer
We always want to ensure that the broadest audience possible can access and enjoy our content — which is why accessibility should be part of the foundation of our design process.It’s also a primary concern of search engines, so by optimizing our site for accessibility, we’re also optimizing for search engines and often vice versa.In this lesson we’re diving into the Framer features and best practices that make for a diverse audience of happy visitors all while boosting our visibility and ranking
CMS Update: Index Variable
We’re excited to introduce a new Index variable for CMS lists, unlocking layout options that weren’t possible before. You can now make the first card span two rows or two columns in a grid for a more dynamic look. This addition also enables conditional component variants based on item position, letting you alternate between left and right-aligned cards, or switch between filled and non-filled backgrounds. Lastly, this update gives you precise control over layout details, like showing dividers on
CMS Pages & Dynamic Content in Framer (CMS Lesson 3)
In this video, we’ll dive into how CMS Detail Pages work in Framer and how to connect them to your collection items using dynamic content. You’ll learn how to design a single layout that automatically generates pages for every item in your CMS—saving you time and keeping your designs consistent. We’ll cover how to use variables, connect fields manually, and even handle conditional visibility to make your pages feel intentional and flexible. Whether you're building a blog, portfolio, or product c
That’s Framer: The pro site builder loved by designers
With Framer, the things you design become real. Framer feels like a design tool but it ships fast, modern websites. 🌞 Start for free: https://framer.link/yt📚 Learn more at: https://framer.link/yt-academy💎 Join the Community: https://framer.link/yt-community🎉 Follow on X: https://framer.link/yt-x
Introducing the Framer Creator Micro 2
A limited launch edition of the all new Creator Micro 2 by Framer & Work Louder. Find out more at https://framer.link/micro-ytA year in the making, this designer’s Swiss Army knife is everything you asked for, and a little more. More control. Use the joystick to open up an on-screen radial menu to access up to 7 shortcuts/tools without even moving your hand an inch.More customization. Reposition the 2U keycap anywhere in the layout to make it just right, or remove it and create a new layout with
Workshop: Creating Breakpoints in Framer (Fundamentals Lesson 25)
Even the most flexible layouts have their limits, and will eventually reach a point where they, well, break.Which is exactly where breakpoints come in, allowing us to adapt layouts to drastically different viewport sizes like desktop computers, tablets, and phones.In this lesson, we’re looking at how to take the responsiveness of our sites to the next level using breakpoints in Framer.Sign up: https://framer.link/ytFollow: https://framer.link/yt-xLearn: https://framer.link/yt-academy
This Thursday April 10th Framer x Work Louder #framer #worklouder
Get notified → https://framer.link/wl
What is the Framer CMS?
Websites that grow need structure — not just in design, but in how content is managed. That’s where the Framer CMS comes in.Imagine building a site with dozens (or even hundreds) of pages. Blog posts, case studies, team bios — each with unique content, but the same layout and styling. Manually updating each one? No thanks.Framer CMS lets you separate your content from your design, making it easy to scale your site without repeating yourself. You can connect dynamic data to your designs, create C