jan-dh / figma-tailwindcss Goto Github PK

How to use this?
There is no How to use this information?
Idea is cool but I don't know what I'm looking at.
I don't know what steps to follow.

Description

The export preview of font sizes looks like this:

With 2xs and xs being huge. And the corresponding json that is generated:

 "fontSize": {
  "2xs": "0.75rem",
  "xs": "8rem",
  "sm": "0.875rem",
  "base": "1rem",
  "lg": "1.125rem",
  "xl": "1.25rem",
  "2xl": "1.5rem",
  "3xl": "1.875rem",
  "4xl": "2.25rem",
  "5xl": "3rem",
  "6xl": "3.75rem",
  "7xl": "4.5rem",
  "8xl": "6rem"
 },

Despite the preview being wrong, the json for 2xs is correct. But note the wrong font size for xs, it's missing 0..

Steps to reproduce

1. Launch the plugin
2. Choose a base font size

Additional info

• Figma version: Figma Desktop App version 98.13
• OS version: 10.13.6

Add border-radius values as possible values

Description

Hey @jan-dh I like the idea of your plugin! But currently it seems to be broken. This is the output I get into console

TypeError: value has no property
    at <anonymous> (PLUGIN_13_SOURCE)
    at forEach (native)
    at <anonymous> (PLUGIN_13_SOURCE)
    at <anonymous> (PLUGIN_13_SOURCE)
    at call (native)
    at n (PLUGIN_13_SOURCE)
    at <anonymous> (PLUGIN_13_SOURCE)
    at <anonymous> (PLUGIN_13_SOURCE:1)
    at call (native)
    at <eval> (PLUGIN_13_SOURCE:3)

Steps to reproduce

1. Right click element
2. Run plugin
3. Nothing happens

Is this how I'm supposed to run this ? Thanks.

Description

The plugin no longer works, if I select a swatch and run the plugin it says

"running tailwinds"

and then nothing...

• Figma version: 90
  Build 4
  Copyright © 2020 Figma, Inc.

• OS version:

Mac OSX Catalina 10.15.7

Hey, this is an amazing plugin, It would be nice If you could add an option to generate text styles as components:

For Example:

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

2. Launch the plugin

Additional info

• Figma version: Figma Desktop App version 98.10
• OS version: 10.13.6

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 :)

In tailwindcss v2.0.2
import theme from './theme';
does not work, because import statements are not allowed.
What worked for me was:
let theme = require('./theme')
In that case in the given theme.js the last line should be
module.exports = theme
instead of
export default theme;

Or am I doing something wrong? Would be cool just to replace the theme.js in the folder for design updates fromg the figma file.

As you mention in your readme you plan to add more exports, here are some requests :

• border-radius
• padding
• marging
• leading
• gradient (exported as components, I know you've rejected a request regarding components before, this case has a much smaller scope)

Edit :

• shadow

Description

Gives this error as I run the plugin

Is your feature request related to a problem? Please describe.

I started to convert my figma to html with a base size of 10px instead of 16px (as it's the approach used by many) but now I would like to try your plugin and I can't because I would have to rewrite everything.

Describe the solution you'd like
Make the base size configurable.

Describe alternatives you've considered
Rewrite everything is not acceptable solution.

Description

We have a list of colors that start with the same prefix, but they don't seem to be grouped.

Steps to reproduce

1. Create a new design file
2. Create local color presets with names like "Red 100", "Red 200", "Red 300"
3. Export

Additional info

• Figma version: Web
• OS version: elementary OS 5.1.7 Hera (Built on Ubuntu 18.04.6 LTS)

Extra

Design file: Colors test.fig.zip

Can I disable the REM conversion and leave it as-authored?

Description

when i open this plugin in figma. there are nothing auto import. colors, fonts, shadows , nothing.

Steps to reproduce

1. open a fig file
2. right click open menu
3. open Figma-Tailwindcss