Toplist
- Hidden
- Features
Toplist
- Hidden
- Features
Toplist
- Hidden
- Features
6 Hidden Features in Framer You Didn’t Know About
In this Framer blog, I'm revealing 6 hidden features that most people don't know exist. From secret design spaces to Photoshop-like image editing, these are the power-user tricks that will seriously level up your Framer game. If you thought you knew Framer well, these features might surprise you.
Posted by
Nandi
Table of contents
1. Your hidden playground
Feel boxed in by the usual desktop, tablet, and mobile breakpoints? Same. It’s hard to explore new design ideas when you’re limited to a fixed layout. But here’s the secret: Canvas Pages.
Go to Preferences > Enable Canvas Pages, and you unlock a whole new creative space. It’s an infinite canvas where you can sketch ideas, build mood boards, draft alternate hero sections, or just noodle around freely. Best part? Once you’ve got something you like, just copy it and paste it into your actual page. No more jumping to Figma for quick iterations. This one’s a total game-changer for brainstorming.
1. Your hidden playground
Feel boxed in by the usual desktop, tablet, and mobile breakpoints? Same. It’s hard to explore new design ideas when you’re limited to a fixed layout. But here’s the secret: Canvas Pages.
Go to Preferences > Enable Canvas Pages, and you unlock a whole new creative space. It’s an infinite canvas where you can sketch ideas, build mood boards, draft alternate hero sections, or just noodle around freely. Best part? Once you’ve got something you like, just copy it and paste it into your actual page. No more jumping to Figma for quick iterations. This one’s a total game-changer for brainstorming.
1. Your hidden playground
Feel boxed in by the usual desktop, tablet, and mobile breakpoints? Same. It’s hard to explore new design ideas when you’re limited to a fixed layout. But here’s the secret: Canvas Pages.
Go to Preferences > Enable Canvas Pages, and you unlock a whole new creative space. It’s an infinite canvas where you can sketch ideas, build mood boards, draft alternate hero sections, or just noodle around freely. Best part? Once you’ve got something you like, just copy it and paste it into your actual page. No more jumping to Figma for quick iterations. This one’s a total game-changer for brainstorming.
Canvas pages.
Canvas pages.
Canvas pages.
2. Built-in photoshop, basically
Let’s say you drop an image into your site, but it just doesn’t feel right—maybe it needs to be black and white, a bit brighter, or totally re-colored. Do you really want to open Photoshop, edit, export, and reupload? Nope. Framer’s got you.
Click your image, head over to the right panel > Styles > Filters, and now you’ve got full control. Grayscale? Easy. Hue shift? Sure. Brightness, contrast, invert, saturation? All right there. You can even layer images and experiment with blending modes for more advanced effects. This means you can stay in Framer and still get creative with image editing.
2. Built-in photoshop, basically
Let’s say you drop an image into your site, but it just doesn’t feel right—maybe it needs to be black and white, a bit brighter, or totally re-colored. Do you really want to open Photoshop, edit, export, and reupload? Nope. Framer’s got you.
Click your image, head over to the right panel > Styles > Filters, and now you’ve got full control. Grayscale? Easy. Hue shift? Sure. Brightness, contrast, invert, saturation? All right there. You can even layer images and experiment with blending modes for more advanced effects. This means you can stay in Framer and still get creative with image editing.
2. Built-in photoshop, basically
Let’s say you drop an image into your site, but it just doesn’t feel right—maybe it needs to be black and white, a bit brighter, or totally re-colored. Do you really want to open Photoshop, edit, export, and reupload? Nope. Framer’s got you.
Click your image, head over to the right panel > Styles > Filters, and now you’ve got full control. Grayscale? Easy. Hue shift? Sure. Brightness, contrast, invert, saturation? All right there. You can even layer images and experiment with blending modes for more advanced effects. This means you can stay in Framer and still get creative with image editing.
Editing image.
Editing image.
Editing image.
3. Fancy typography in one click
Here’s one for the font nerds (and anyone trying to make clean, pro-looking text elements).
If your chosen font supports OpenType, you can enable it in the right panel and unlock some hidden typographic powers—like subscript or superscript. Perfect for footnotes, scientific text, or just adding that little bit of flair.
Just select your text layer, enable OpenType, search for what you need, and done. So clean, so simple.
4. Start a new project instantly
You ever want to start a new project on the fly, without clicking around? Just open a new browser tab and type:
framer.new
That’s it. Hit enter, and boom, Framer loads up a fresh new project instantly. It’s literally just type and go.
5. The fast way to clean layouts
Ever needed to center a bunch of nested frames but got frustrated trying to select just the inner ones? Especially when there are tons of them?
Here’s the move: Select the parent frames, then right-click and hit “Select Children.” It’ll instantly grab the nested elements without all the outer wrappers getting in the way.
This is so helpful when working with icons wrapped in extra frames or trying to tidy up complex sections. A small trick, but once you learn it, you’ll never go back.
6. Add noise like a pro
You’ve probably seen it, those sleek sites with subtle grainy textures layered over gradients. It makes everything feel more polished, more “designed.” Want that look?
Here’s how to do it in Framer:
Draw a frame.
Place it on top of your background (like an animated gradient).
Use absolute positioning and pin it to all sides.
dd a noise texture or even use a blending mode.
It’s simple, elegant, and instantly elevates your design. One small trick for a major visual upgrade.
3. Fancy typography in one click
Here’s one for the font nerds (and anyone trying to make clean, pro-looking text elements).
If your chosen font supports OpenType, you can enable it in the right panel and unlock some hidden typographic powers—like subscript or superscript. Perfect for footnotes, scientific text, or just adding that little bit of flair.
Just select your text layer, enable OpenType, search for what you need, and done. So clean, so simple.
4. Start a new project instantly
You ever want to start a new project on the fly, without clicking around? Just open a new browser tab and type:
framer.new
That’s it. Hit enter, and boom, Framer loads up a fresh new project instantly. It’s literally just type and go.
5. The fast way to clean layouts
Ever needed to center a bunch of nested frames but got frustrated trying to select just the inner ones? Especially when there are tons of them?
Here’s the move: Select the parent frames, then right-click and hit “Select Children.” It’ll instantly grab the nested elements without all the outer wrappers getting in the way.
This is so helpful when working with icons wrapped in extra frames or trying to tidy up complex sections. A small trick, but once you learn it, you’ll never go back.
6. Add noise like a pro
You’ve probably seen it, those sleek sites with subtle grainy textures layered over gradients. It makes everything feel more polished, more “designed.” Want that look?
Here’s how to do it in Framer:
Draw a frame.
Place it on top of your background (like an animated gradient).
Use absolute positioning and pin it to all sides.
dd a noise texture or even use a blending mode.
It’s simple, elegant, and instantly elevates your design. One small trick for a major visual upgrade.
3. Fancy typography in one click
Here’s one for the font nerds (and anyone trying to make clean, pro-looking text elements).
If your chosen font supports OpenType, you can enable it in the right panel and unlock some hidden typographic powers—like subscript or superscript. Perfect for footnotes, scientific text, or just adding that little bit of flair.
Just select your text layer, enable OpenType, search for what you need, and done. So clean, so simple.
4. Start a new project instantly
You ever want to start a new project on the fly, without clicking around? Just open a new browser tab and type:
framer.new
That’s it. Hit enter, and boom, Framer loads up a fresh new project instantly. It’s literally just type and go.
5. The fast way to clean layouts
Ever needed to center a bunch of nested frames but got frustrated trying to select just the inner ones? Especially when there are tons of them?
Here’s the move: Select the parent frames, then right-click and hit “Select Children.” It’ll instantly grab the nested elements without all the outer wrappers getting in the way.
This is so helpful when working with icons wrapped in extra frames or trying to tidy up complex sections. A small trick, but once you learn it, you’ll never go back.
6. Add noise like a pro
You’ve probably seen it, those sleek sites with subtle grainy textures layered over gradients. It makes everything feel more polished, more “designed.” Want that look?
Here’s how to do it in Framer:
Draw a frame.
Place it on top of your background (like an animated gradient).
Use absolute positioning and pin it to all sides.
dd a noise texture or even use a blending mode.
It’s simple, elegant, and instantly elevates your design. One small trick for a major visual upgrade.
Textured noise layer.
Textured noise layer.
Textured noise layer.
That’s a wrap
So there you go—six hidden features in Framer that most folks miss. Whether you’re prototyping wild ideas on a canvas page or color-grading your images directly in Framer, these tips can seriously upgrade your workflow.
That’s a wrap
So there you go—six hidden features in Framer that most folks miss. Whether you’re prototyping wild ideas on a canvas page or color-grading your images directly in Framer, these tips can seriously upgrade your workflow.
That’s a wrap
So there you go—six hidden features in Framer that most folks miss. Whether you’re prototyping wild ideas on a canvas page or color-grading your images directly in Framer, these tips can seriously upgrade your workflow.
