Code Monkey home page Code Monkey logo

figma-batch-styler's Introduction

Hi there πŸ‘‹

I'm a designer with a high interest in creating tools and plugins that enable others to do their best work. I currently work at GitHub as a Senior Product Designer.

Want to support my work?

If you want to sponsor me financially you can do so on GitHub, Buy me a coffee or on Patreon.

figma-batch-styler's People

Contributors

dependabot[bot] avatar six7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

figma-batch-styler's Issues

Request: Bulk Font Family changing

I have multiple text styles, example:
text-sm
text-md
text-base

And they all have the same font family "Inter", but I want to change it for all of them with one click and set "Roboto".

Actually this is not possible because when I select all the text styles and select the font family it automatically deselects all the styles.

Indicate focused styles

I have a lot of font styles and I need to change them in groups. If I select eg. 4 styles, and change to the font, the selection is not indicated anymore. What would be really helpful is a focus color.

Changing Text Style to another

Love this plugin but running into a bit of an issue due to new requirements with how we've built things.

  1. Available today: Select a text style and change the font.
  2. Not available today: Select a text style and change to another Text Style.
  3. Could this be done on a page or document level?
  4. If this is not the intent of this plugin you may close this out and apologies for any time taken.

Line height changing to "AUTO" after update

When selecting multiple text styles to update and changing their font + weight + line height and updating it changes the first 2 properties but the line height changes to auto for all selected styles.

before:
Screen Shot 2020-04-22 at 12 54 12 PM

edited:
Screen Shot 2020-04-22 at 12 55 36 PM

updated:
Screen Shot 2020-04-22 at 12 56 07 PM

Action button hidden

First of all - thanks for building the plugin! It's great.

Other than...

πŸ€¦β€β™‚οΈ I've tried your amazing plugin with hope four times over a few months. I've never got it to work.

Today I discovered that there is a button 'Update style' if you scroll the modal. I've been pressing the little refresh button.

Is there anyway to make the button more obvious? Fixed button? Larger modal?

I'd assume other people don't find it too

Edit style 'description'

Documenting styles is super important for me. Because of the way Figma hides the attributes of a style when it's created, I add those attributes (along with usage guidance) to the description. For instance, my "body" text would have a description like this:

"This is for short paragraphs with no more than 4 lines and is commonly used in components.

Type: IBM Plex Sans
Size: 14px / 0.857rem

Line height: 18px / 1.125rem
Weight: 400 / Regular
Letter-spacing: .16px"

I do this for every style that I create - text, color, effect, etc.

It would help tremendously to have the description input added to the plugin.

Changing more text style details?

Hi. Love your plugin. I wonder if you are planning to add possibilities to make changes on more details e.g. Letter Case, Decoration, Letterforms etc? That would be really nice because now I need to make this manually for each text style.
image

Never opens

Hi, Jan.
I have a file with 69 text styles, 73 color styles, 5 effect styles and 5 grid styles.

Well... as much as I'm waiting for your plugin, it won't open, even if I restart it. It's a real shame because I could really use it.

Greetings. I wish you the best.

Resize panel

Resize panel

Would it be possible to resize the panel so as to see an expanded version of the panel in case of many styles?

Add paragraph spacing

figma now has paragraph spacing as an option, it'd be nice to be able to update through this plugin

BUG: Multiple same values can't be edited together.

If there are multiple values that are the same, batch styler cleverly assigns them only one number.
Except you can't change it.

create 3 styles with the following font sizes:
h1: 30px
h2: 25px
h3: 25px

If you select all 3, Batch Styler will give you: 30, 25
Try changing any of the numbers, nothing will happen.

Thanks

Changing Font Weight on Mulitple fonts

Hi I really like your plugin.

I was wondering if you could implement changing the font by weight, exactly the same as when there is no font weight detected for a style when changing fonts.

For example:

  • I have 92 text styles that use 4 different font weights. I would like to change all the styles that use "regular" to "light" using this dialog
    image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.