Jump to content

[AD] Layout Grid, hopefully compatible with constraints

Recommended Posts

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.

Link to post
Share on other sites
  • 1 month later...
  • Moderators

It's been said a few times - big improvements to grids will be coming in the future.

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 post
Share on other sites
  • 7 months later...
  • 11 months later...

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.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.