Skip to content
← Adobe XD Feedback : Feature Requests & Bugs

Settings and activity

1 result found

  1. Define layout grid by total width

    142 votes

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close

    We’ll send you updates on this idea

    33 comments  ·  Adobe XD: Feature Requests (Read-Only) » 01 : Design mode  ·  Admin →
    Christopher Sample, Studio LXV supported this idea  · 
    An error occurred while saving the comment
    Christopher Sample, Studio LXV commented  · 

    1. Set art board width to desired layout grid width, mine is 1280px a great max width for modern screens, giving me a gutter 16px, I prefer numbers divisible by 8.
    2. Make layout left and right margin 0 - (This sets columns full width)
    3. Add lets say 400px (A) to total art board width now 1680px, then set left and right margins to 200px. (A / 2) to give your layout grid the perceived appearance its a website with max-width:1280px with 200px left over on the left and right margin of the viewport.