framer.top
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. 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 the included x45 keycap
Workshop: Creating Breakpoints in Framer
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
Understanding CMS Collections, Items & Fields
In this video, we’ll break down the core building blocks of Framer’s CMS: Collections, Items, and Fields. You’ll learn how to create your first collection, add and manage content, and define custom fields to structure your data. Whether you're building a blog, portfolio, or product catalog, this lesson will set the foundation for creating scalable, content-driven sites in Framer.🌞 Start for free: https://framer.link/yt📚 Learn more at: https://framer.link/yt-academy💎 Join the Community: https://f
Make your move on April 10th Framer x Work Louder #framer #worklouder
Get updates: https://framer.link/makeyourmove
Framer Update: P3 Colors
The March update brings P3 color support to Framer with a redesigned color picker. Display P3 offers a much wider color gamut than standard sRGB, unlocking a broader range of more vivid, vibrant colors. Back in 2020, studies showed that around 50% of web visitors had P3-capable displays, and that number is likely even higher today. Devices that support P3 include iPhones, iPads, MacBooks, Apple Studio Displays, and high-end monitors from brands like LG and Dell. Every modern browser has supporte
Workshop: Designing Fluid Layouts in Framer
Toward the beginning of this course, we looked at how different positioning and sizing modes change how layers behave when parent frames, or even the browser window, change sizeIn this lesson we’re going to put it all together go over some best practices for creating fluid layouts in Framer🌞 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
What is Responsive Design?
One thing is for sure, we want our visitors to have a great experience on our site no matter what device they’re visiting from.Creating memorable, user-friendly experiences that look stunning and feel seamless across any device is the name of the game — which means designing “responsively”.But how do we design “responsively”?🌞 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.li
Get ready to dial in on April 10th Framer x Work Louder #framer #worklouder
Get updates https://framer.link/wrkldr2
Framer Creators: How Designers Earn Money & Build Passive Income with Framer
Discover how you can turn your design skills into real income with Framer. Sell premium templates and keep 100% of the sale, earn 50% revenue when users upgrade, and even get paid by sharing remix links or promoting Framer with your personal referral link. Everything’s trackable through the new Links tab, making it easier to see what’s performing. Creators are already earning thousands every month—this is how to get started.Get started as a creator → https://framer.link/2N7Z7d5
Framer Update: Selection Colors
This release introduces Selection Colors. When selecting layers, you’ll see all their colors at once—perfect for quick edits and catching mistakes. Selecting just a few layers? Instantly edit colors inline. Selecting many? You’ll get a tidy, collapsed overview with the total color count. Right-click any color to select matching layers. A lovely little workflow boost, now in Framer. https://framer.com/updates/selection-colors🌞 Start for free: https://framer.link/yt📚 Learn more at: https://framer.
Framer x Work Louder #framer #worklouder
Get updates https://framer.link/soon
Framer Update: Mobile-Friendly CMS
We’re excited to introduce the mobile version of Framer CMS, bringing full editing capabilities to your fingertips. Effortlessly manage content on the go, switch between collections, browse items in a horizontally scrollable table view, create and edit entries, and publish, all from your mobile device. The mobile CMS is easy to access: if you’re the site owner or a collaborator, simply tap Edit in Framer from the Editor Bar while viewing a CMS detail page to start making changes. Once you’re don
CMS Update: Tables
Introducing Tables in the Framer CMS. When viewing a CMS item, head to a Rich Text field to see the new Table tool, and click it to insert a sample table. When editing, columns auto-adjust to fit the text, and you can add rows or columns using the plus button on the edges. Right-click a cell for options like inserting rows, merging cells, and setting headers. To style your table, select it, go to CMS Styles on the Canvas, and edit the Table properties, where you can adjust colors, padding, radiu
Localization Update: Collection Groups
We’ve redesigned the Localization view to make it easier to navigate and manage. Translations are now grouped by CMS collection, allowing you to translate an entire collection at once or hide a full CMS collection and its items in a specific locale with a single click. We also improved the Locale Selector, which now displays only the available locales for each page, preventing visitors from landing on untranslated pages, that would previously lead to a 404 error. If you’re using a Locale Selecto
Framer Update: Workspace Plugins for Enterprise
We’re excited to introduce Workspace Plugins for Enterprise—enabling your team to unleash the full potential of Framer. Workspace Plugins are Plugins that are completely private to the Projects in your Workspace, and are already powering some of the largest sites in Framer. Workspace Plugins are an optional add-on available for Enterprise at an additional cost. Get started with Workspace Plugins today by contacting your account manager or get in touch to learn more about how upgrading to Framer
Framer Update: Selection Colors
This release brings Selection styles to Framer, for customizing the text and background colors when selecting elements on your sites. Something many folks used custom code for, adding a unique touch to their sites. With Layout Templates, you can now add styles like these globally with a single click. Find these new properties in the Styles menu. https://framer.com/updates/selection-colors🌞 Start for free: https://framer.link/yt📚 Learn more at: https://framer.link/yt-academy💎 Join the Community: