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.
Rather than adding new features they should focus on improving existing ones.
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.
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.
And finally bugs. Fixing bugs should be a priority too.
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.)
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.
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.
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.
There is macaw for that
What do you think about it?
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.
You're so right about the pentool.