jan-dh / figma-tailwindcss

A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config
174 stars 16 forks source link

[BUG] Plugin crashes when style with background blur is defined #22

Closed ErikFontanel closed 3 years ago

ErikFontanel commented 3 years ago

Description

When I have a style with a background blur the plugin crashes on launch. When I remove the style, the plugin works without issue. It's possible this bug occurs with other effects too.

Steps to reproduce

  1. Create the following style

image

  1. Launch the plugin

Additional info

Extra

The Figma console prints the following:

TypeError: cannot read property 'r' of undefined
    at makeRgb (PLUGIN_13_SOURCE:4490)
    at <anonymous> (PLUGIN_13_SOURCE:4145)
    at forEach (native)
    at <anonymous> (PLUGIN_13_SOURCE:4148)
    at forEach (native)
    at <anonymous> (PLUGIN_13_SOURCE:4155)
    at ./src/js/code.js (PLUGIN_13_SOURCE:4086)
    at call (native)
    at __webpack_require__ (PLUGIN_13_SOURCE:20)
    at <anonymous> (PLUGIN_13_SOURCE:84)
    at <anonymous> (PLUGIN_13_SOURCE:4505)
    at call (native)
    at <eval> (PLUGIN_13_SOURCE:4508)

(anonymous) @ figma_app.6ea79cdb408add9985b2bea7dc54aea9.min.js.br:39

Thanks for the plugin! Keep up the good work :)

jan-dh commented 3 years ago

@ErikFontanel this should be fixed in the new release. I didn't take into account that BACKGROUND_BLUR styles don't have colors.