search

imranbarbhuiya / figma-tailwindcss

A figma plugin to convert css to tailwind class
https://www.figma.com/community/plugin/1295012016362159423/css-tailwind-codegen
12 stars 3 forks source link

Add the ability to ignore certain properties - e.g. width #2

Closed billyjacoby closed 1 month ago

billyjacoby commented 2 months ago

Feature

Would love the ability to not export certain properties - for example the width of the selected component.

Ideal solution or implementation

Not familiar with developing Figma plugins, but implementing an array of certain properties to ignore when converting to Tailwind is my first thought.

Alternative solutions or implementations

No response

Other context

No response

imranbarbhuiya commented 2 months ago

I'll try it on my weekend, if it can be done with existing plugin options, I'll add the feature but if it requires creating a plugin UI to add new options then unfortunately I wont be able to implement

imranbarbhuiya commented 1 month ago

I know it took some time as I was busy with my projects, but today I added a small UI where you can add a property name or name=value to ignore a property. Check https://github.com/imranbarbhuiya/figma-tailwindcss#features to learn more. The UI is just HTML with no styles. If anyone is interested in styling it, you are more than welcome to do so.

billyjacoby commented 1 month ago

Love this addition, thank you! I'm going to look into making it so that I can blanked ignore, for example, every value for the width key!

billyjacoby commented 1 month ago

https://github.com/imranbarbhuiya/figma-tailwindcss/pull/3