Sketch Plugin Idea, Looking For Feedback

4 months 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

17 comments

  • William Minty, 4 months 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
    • , 4 months 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.

      Thanks

      0 points
  • Duane SmithDuane Smith, 4 months ago

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

    1 point
  • Parth Patel, 4 months ago

    Yes

    1 point
  • Paul BrophyPaul Brophy, 4 months 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
  • Mantas MilkintasMantas Milkintas, 4 months ago

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

    0 points
  • Josh Sanders, 4 months ago

    DO IT!!!!!! :D

    0 points
  • Zane Dickens, 4 months 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
  • iterati designiterati design, 4 months ago

    Sounds awesome, I'd give it a try!

    0 points
  • Shawn MartinShawn Martin, 4 months ago

    Absolutely. Sounds great.

    0 points
    • , 4 months 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, 4 months ago

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

        0 points
  • Richard BruskowskiRichard Bruskowski, 4 months 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