menu

Framer

Express your creative ideas through interactive design. Join the community for updates, support, resources, and more.

Channels
Chat
view-forward
# All channels
view-forward
# General
view-forward
# Announcements
view-forward
# Bug Reports
view-forward
# FAQ
view-forward
# Feature Requests
view-forward
# Learn
view-forward
# Meetups
view-forward
# Resources
view-forward
# Snippets & Tips
view-forward
Team
Posts
Members
Info

How to create a filtered search with drop down list?

There are a few different ways to create a filtered list. You will need to have an input field as your search box, in the following example this is: https://packages.framer.com/package/benjamin/input with an override. You will need one more code override to set the value of your…

thumbsup
0
message-simple
3

How to change text color with code overrides?

Now possible with this public package: https://packages.framer.com/package/jordanrobertdobson/text-color-tool

thumbsup
2
message-simple
1

Why is Sketch import not working properly?

Even though the Sketch plugin should install automatically, sometimes it does not. Follow these steps to ensure installation of the plugin: 1. Close both Framer X and Sketch. …

thumbsup
0
message-simple
0

How to handoff to developers?

There are a few different methods of handoff in Framer. Designers can handoff specs using the handoff panel More info here: https://www.framer.com/blog/posts/framer-handoff/ …

thumbsup
0
message-simple
0

How to use a data object in a code override?

The data object holds your data and tells your components to update when you change it. More info here: https://www.framer.com/books/framer-guide-to-react/#overrides

thumbsup
0
message-simple
0

How to trigger an event onClick vs onTap?

onTap is only available on components from the framer library. In other words, a plain <div> will not have an onTap event handler prop, but it will have an onClick. For example with a <frame>:

thumbsup
1
message-simple
0

Why is the preview app (Framer Preview) not working?

To open a Framer X project in the Preview app: • Open your project in Framer X • Start Live Preview by clicking the button in the top right corner …

thumbsup
0
message-simple
0

Why should you use Framer Motion?

Framer Motion helps solve handoff from design to development. By using the same animation library in prototyping and production, you’re now guaranteed a truer and more efficient way to ensure your animations are always the same. More info here:…

thumbsup
0
message-simple
0

How to use CSS in code components?

You can apply any CSS property in your code components through the standard React style prop More info here: https://www.framer.com/books/framer-guide-to-react/#styles

thumbsup
0
message-simple
0

Is it possible to use SCSS in code components?

Framer can only read CSS, so directly importing SCSS into your file won’t work. You will need to transpile the SCSS file to CSS first, VSCode has a plugin called “Live SASS Compiler” that will make this easier

thumbsup
0
message-simple
0