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 change text color with code overrides?

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

thumbsup
0
message-simple
0

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
0
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

Why and how to use property controls in your code components?

By adding property controls to your code components, others using the components can change its' properties from the properties panel and therefore change properties without touching code. Any property that you add after addPropertyControls, addPropertyControls(MyComponent, {…

thumbsup
0
message-simple
0