haddoq Posted November 29, 2016 Share Posted November 29, 2016 Ok, so one of the paramount useful features of Sketch is layout grids. Being able to define a layout grid with columns and gutters without resorting to a mess with guides is great. I believe the Affinity could improve greatly on the Sketch grid, so here is my proposition for the improved layout grid and thoughts on how it could interact with the constraints feature that really needs to be fleshed out as well. First of all Affinity Layout Grid Create Movable grids with columns and gutters Grids should be resizable but should keep their ratios Support for breakpoints in grid definition, eg. the same grid should switch to mobile view if resized smaller. Padding around the grid should be separated from gutter values. Support snapping Support nameable size ranges (breakpoints) (eg. define XL as a range, L as a range etc.) Affinity Improved Constraints Support fixed distance padding eg. 20px manually entered Constrain to columns from the layout grid Support and remember breakpoints when constraining to layout grid Toggle visibility based on layout grid range Reflow text options Support minimum flex, (eg. resize with this untill this unit is 100px wide) support Div flowing, when resized smaller than minimum flex, reflow other objects as divs would. Support different symbols based on layout grid range, toggle to replace an area with another symbol when going down to small views I'd love to see any number of these features implemented, with things like this we could actually create responsive flexible layouts that would be able to be resized instead of creating multiple views for each page. Mundstrøm, AshTeriyaki, Patrick Connor and 1 other 4 Quote Link to comment Share on other sites More sharing options...
AshTeriyaki Posted November 29, 2016 Share Posted November 29, 2016 This would be awesome. Quote Link to comment Share on other sites More sharing options...
bgarrant Posted November 30, 2016 Share Posted November 30, 2016 This is a really simple grid calculator but it works great. I can do most of this now with Affinity Designer Grids except the outside margin. Add Outside Margin and we can probably get most of it. http://gridcalculator.dk/ Quote Link to comment Share on other sites More sharing options...
Wiredframe Posted January 23, 2017 Share Posted January 23, 2017 Please make it happen. Really miss this feature. Settings up and changing grids for multiple artboards is no fun :rolleyes: Quote Link to comment Share on other sites More sharing options...
Staff Ben Posted January 24, 2017 Staff Share Posted January 24, 2017 It's been said a few times - big improvements to grids will be coming in the future. fernandolins86 and Wiredframe 2 Quote SerifLabs team - Affinity Developer Software engineer - Photographer - Guitarist - Philosopher iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395 MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300 iPad Pro 10.5", 256GB Link to comment Share on other sites More sharing options...
haddoq Posted January 31, 2017 Author Share Posted January 31, 2017 The future is now ^^ Quote Link to comment Share on other sites More sharing options...
Bento Posted September 15, 2017 Share Posted September 15, 2017 Now the future is past, come on ! Quote Art Director at Tribu And Co | French web agency - See our work at http://www.tribu-and-co.fr Link to comment Share on other sites More sharing options...
Av Snapper Posted September 10, 2018 Share Posted September 10, 2018 Grid, grids, grids. Without a foundation the house falls down. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.