At the beginning of this course, we looked at how to add multiple pages to our site. Now it's time to link those pages together and turn them into an experience that a visitor can navigate. 🌞 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 OpenType support for all Google Web Fonts, now supporting OpenType features for more than 1400 new fonts. This means popular typefaces like Roboto, Open Sans, Geist, Mona Sans now support all available OpenType features. Add a unique touch to your typography by picking stylistic sets, character variants, ligatures, and so much more. Combine with Variable font features for ultimate control. https://framer.com/updates/opentype-google-fonts 🌞 Start for free: https://framer.link/yt 📚 Le
Framer’s new Creator Pages let you showcase your work, connect with clients, and manage opportunities—all in a customizable, branded space. No fees, just more visibility. Apply today: https://framer.link/xprts 🌞 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
This update introduces better sorting controls for CMS items on the canvas. You can now sort by various fields, including text strings, dates, numbers, and single references, without altering the order in the CMS view. Additionally, you can combine multiple rules, such as sorting by rating and then by date. With this comes the ability to enable dynamic sorting interactions for your viewers. By creating components with variants that apply different sorting, viewers can toggle between them, with s
Remember everything that went down in 2024? Check out the recap: https://framer.link/2024 🚢 40+ features and updates rolled out 🚀 30,000,000 publishes 💰 $8,000,000+ earned by creators 👤 50,000+ community members joined 🌎 83 meetups in 26 countries 🌞 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
The Insert Panel in Framer is an absolute gold mine of premade layouts, elements, and interactive components to level up your sites in just a few clicks. Let’s take a quick tour to get familiar with all the great stuff at our disposal. 🌞 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
We're walking you through 5 must-know design features in Framer that can level up your workflow. Ready to discover some hidden gems? Let’s dive in! 🌞 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 MB01YRMYZNQIFJ3
With the fundamentals of frames, stacks, and layout down we’re ready to add some content to our pages. Images, videos, and text are really the name of the game. Great content combined with great layout gets us pretty darn far in designing great sites. So let's look at how to add this stuff to our pages and the properties that come with it. Learn more about how Framer optimizes images: https://www.framer.com/help/articles/how-are-images-optimized-in-framer/ 🌞 Start for free: https://framer.
When we use flexible sizing modes like fill or relative, we run the risk of things being stretched or squashed to such a degree that things get a bit… well… ugly. This is where Min and Max values come in — allowing us to enforce some limits to how big or small things can get — to keep things fluid… but contained. Let’s spend some time getting more familiar with the mechanics of min and max and look at some examples of when it saves the day. 🌞 Start for free: https://framer.link/yt 📚 Learn mor
We’re excited to introduce our redesigned Asset Panel, making it much easier to manage your Component, Styles, and Code. With folder support, sorting, and infinite nesting, you can make sites that scale while keeping things organized. Component updates are now more prominent, with clear badges and call to actions. Style creation is simplified across the board—from Color Styles to Text Styles to CMS Styles. Plus, we’ve made a whole bunch of other improvements. https://framer.com/updates/december-
Creating layouts that look and behave the way we want them to largely comes down to choosing the right sizing mode for each element. As you know, we have several to choose from — and each has a unique purpose, depending on how static or flexible we want things to be. Earlier in this chapter, we unpacked “Fill” and “Fit Content” sizing — but there’s also a time and place to use “Fixed”, “Relative”, and “Viewport” sizing. Whether we want our elements to remain at a specific size, scale with ou
Your site is up and running — time to relax and let visitors from around the globe enjoy your work. But how is the site performing? Is anyone even showing up? Are they finding what they’re looking for? Where can we make improvements? This is where Framer’s new and improved analytics come in. They’re built in, included with every plan, and automatically doing their thing behind the scenes. No need for any overwhelming or costly third party tools. And built-in analytics are more accurate si
Introducing the all-new Framer Analytics—completely redesigned and built from the ground up to give you real-time insights into your site’s performance. See exactly where your visitors are coming from, track how they interact with your site, and do it all without the need of a cookie banner. With these powerful new features built on top of our existing tools, it’s now easier than ever to optimize your site. These updates are available today for all plans. Learn more at: https://framer.link/analy
Fixed and Sticky positioning are two essential modes for controlling how elements move (or don’t move) as a visitor scrolls through your pages — but each has it’s own unique behavior. In this lesson, we’ll explore how and why to use each — to keep important elements in view exactly when and where they’re needed. 🌞 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
Framer’s Site of the Year Awards are here. 10 categories. 10 winners. $10k each. Ready to show off your skills? Whether you’re a seasoned pro or just getting started, this is your chance to shine. 👉 Enter now at framer.com/awards Let’s build something extraordinary. 🌞 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 MB01PAD54MGEVPS
Stacks and Grids are two powerful layout tools that help you arrange elements in your designs. They’re both used to create flexible and responsive layouts, but they differ a bit in functionality and are suited to slightly different use cases. In the previous lesson, we talked about Stacks — but let’s talk about how Grids compare — and get comfortable with the basics of how they work. 🌞 Start for free: https://framer.link/yt 📚 Learn more at: https://framer.link/yt-academy 💎 Join the Community:
Go beyond static designs with powerful no-code animation features 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 MB01NHMFFP20KET
This year's Framer Awards are more epic than ever! With ten categories in total—five for the Site of the Year Awards and five for the Community Awards—each winner will take home $10,000, adding up to a massive $100,000 in cash prizes.
Learn how to select layers in Framer.
The Fundamental Building Block: Frames in Framer