4

Sketch's Next Step: Please Be Responsive!

over 5 years ago from , Lead UX Mobile Designer at B2W Digital

Hello all, I am a mobile designer with 4 years of experience, and for the past 6 months, I've been avidly using Sketch instead of Photoshop for work, and I can say that Sketch is an amazing tool. Not to mention minimal improvements like the path tool (please, make it work like illustrator), I think Sketch will evolve into the most specifically interface design focused tool for all software companies all around the world. In regards to this, I wonder what will be the NEXT STEP for Sketch, and I hope, I truly hope, that the next step is to make Sketch responsive! I have no doubt that is will be a big help for web designers, however with Android and its different breakpoints in mind, and now iOS making developers code on xcode on a square window with these same breakpoints, it's now time to take the next step and I hope that will be: Responsive Sketch.

9 comments

  • vadim mikhnovvadim mikhnov, over 5 years ago (edited over 5 years ago )

    Rather than adding new features they should focus on improving existing ones.

    1. Symbols still need work. Symbols inside symbols, button type symbols (with flexible sizes but fixed margins), better organisation (only one level of grouping is really not enough) and external symbol libraries — that would be awesome.

    2. Same goes for styles. Having more than one style applied to text block would really make my day brighter. And more control over text margins would be awesome too.

    3. And finally bugs. Fixing bugs should be a priority too.

    2 points
  • Mitch De CastroMitch De Castro, over 5 years ago

    Well...Sketch has preset artboards for varying screen sizes and technically, using something like Sketch is an extra step when it comes to responsive web design.

    Sketch is best for mockups and comps but if you're concerned about a better tool for responsive design, perhaps using a text editor and previewing everything in the browser is the ideal approach?

    Even with that in mind, Webflow seems to have a lot of that covered. (Media queries are preset, though.)

    2 points
    • Igor Torres, over 5 years ago

      What I'm thinking of is something along the lines of what Adobe Reflow does.

      When working with responsive interface design in Reflow, you don't generally work with pixels, you work with "percentages" or "em" and the result will be satisfactory in each breakpoint input.

      Today, Android works like this, and iOS will eventually do this as well with Swift.

      My suggestion for the Sketch app, is to remove numerous artboards in exchange for one single artboard using the mobile first approach which will adapt to the different sizes and resolutions a project will need. The assets will automatically be modified by all the breakpoints inputed or the designer can project different kinds of elements for each breakpoint.

      3 points
      • Mitch De CastroMitch De Castro, over 5 years ago

        Ahh, I see. That's a pretty interesting concept. You should've mentioned that initially! Haha.

        I've never tried Adobe Reflow out myself but that does sound like a great approach. And it could work out in Bohemian Coding's favor because ever since Sketch 3 came out, there've been tools like Affinity and Gravit that are trying to edge their way into the UI design tool niche.

        0 points
      • Ale FracazoAle Fracazo, over 5 years ago

        Sounds great! Sketch is an awesome tool! And there is so much to fix before release news features.

        I wish bohemian code is working hard to fix everything for us! Thanks for the suggestion mate.

        1 point
  • Timur Carpeev, over 5 years ago

    There is macaw for that

    1 point
  • Igor Torres, over 5 years ago

    What do you think about it?

    1 point
  • Mark Horgan, over 5 years ago

    Another application that supports responsive layouts is Antetype. It's a layout application along the lines of InDesign, rather than a graphics creation app. Adding a responsive layout engine to Sketch would make it more complicated. You would have to rely heavily on symbols and symbols would have to have layout properties that would determine how their child symbols were laid out.

    0 points
  • Thibault MaekelberghThibault Maekelbergh, over 5 years ago

    You're so right about the pentool.

    0 points