Sketch Plugin Idea, Looking For Feedback

over 5 years ago from

Hello, I'm looking to gauge interest if sketch users would be interested in a plugin that would bring css media queries features into Sketch.

MVP 1. Adjust top and bottom margin guides on symbols 2. Adjust type styles based on the artboard width 3 Swap symbols based on the artboard width

Anyone know of a plugins that are already doing this? If not would you be interested if I made one? Let me know your thoughts.

Thanks, Joe

UPDATE: Looks like I'm going to tackle this project. If you are interested we are collecting emails at: https://stackswell.io


  • William Minty, over 5 years ago

    This is a great idea. I've been looking for a similar plugin as our team has struggled with this in the past.

    Being able to adjust type styles based on artboard width would be incredibly handy as our team uses Text Styles religiously :)

    Would you look to provide an option to create new breakpoint variants of an existing Text Style? Eg. Going from Small/Body/C-align/Normal on a Small device width, to a Large Device width and suggesting Large/Body/C-align/Normal or something to that effect?

    4 points
    • , over 5 years ago

      Hey William,

      I was thinking you would set up styles like normal let's say on your small break point. Then you would select your text box and assign the styles for your break points.

      Your idea might be cleaner and less work so if it we do build this thing we'll check out that route as well. Great idea.


      0 points
  • Duane SmithDuane Smith, over 5 years ago

    Yes — all 3 features sound great, but #2 alone would get me to open my wallet.

    1 point
  • Paul BrophyPaul Brophy, over 5 years ago

    Sounds a very good idea. Anything that would make Sketch, XD, Figma etc behave more like an application written in code I'm sure would be welcomed. :)

    1 point
  • Parth Patel, over 5 years ago


    1 point
  • Richard BruskowskiRichard Bruskowski, over 5 years ago

    That'd be neat. I instantly see value in #2 and #3. Not too sure if I understand what #1 is supposed to do exactly.

    Do you think text style swaps on artboard change could and should affect text styles within (nested) Symbols as well?

    0 points
  • Zane Dickens, over 5 years ago

    Yes indeed. Anything that brings CSS (itself for the control or as similar features) into Sketch would make my life easier. :D

    0 points
  • Mantas MilkintasMantas Milkintas, over 5 years ago

    Great idea. If you would need any feedback don't hesitate to put me on testing list.

    0 points
  • Josh Sanders, over 5 years ago

    DO IT!!!!!! :D

    0 points
  • iterati designiterati design, over 5 years ago

    Sounds awesome, I'd give it a try!

    0 points
  • Shawn MartinShawn Martin, over 5 years ago

    Absolutely. Sounds great.

    0 points
    • , over 5 years ago

      Very cool Shawn. Between those 3 is one more valuable than the others or one that you think would save you more time?

      0 points
      • Shawn MartinShawn Martin, over 5 years ago

        Swap Symbols > Adjust Type Styles > Margins.. at least how I might attempt to achieve something in my current workflow

        0 points