Create interactive designs from start to finish. Try Framer for free.


Global styles

November 9, 2018 at 6:47pm

I've been getting started using Framer and creating some components using code.

Just wondered whether there is a way to set global styles (fonts, colors etc.) for an entire project that will cascade down and be inherited by all components?

November 13, 2018 at 3:23pm

+1 to this. I think this might be the only thing stopping me from considering Framer X as a primary design tool.

(I know this can be done to some degree in code, but that’s awkward and slower when one is simply trying to do quick mockups and explorations.)

  • reply
  • like

November 15, 2018 at 3:48pm

It seems like Code Overrides come close to being a workaround for this—except that (a) you can only apply one override per object, and (b) even simple overrides that just affect CSS don't render at design time.

  • reply
  • like

December 2, 2018 at 9:32pm

with styled components you could make a code component that has a <GlobalStyle /> and that would allow you to give stiles to any component rendered after it's been called.

  • reply
  • like