Skip to main content

Auto-layout editor

  • July 21, 2022
  • 1 reply
  • 291 views

Kurosh_Ruch-Kamgar

the [new-ish] html-css style auto-layout options (ala flexbox and such), look great.

feature:

  1. perhaps, afford user to quickly select between layout options (columns, rows, flex-grid, etc) for a frame [-stack], and…
  2. offer a chrome-dev tools-style display of padding and such, which one may edit on-canvas
  3. if the user would like to return to initial state, without auto-layout; offer toggles:
    • (turn off even spacing, turn off baseline alignment…, turn off everything and go back to initial state before auto-layout)

why
commingle layout controls (arrangement/groupings: text, stacking-order, “<hr>” and such; and [alternatively] spacing, grid, alignment, flex-wrap/flow…etc.) which a user must edit together to create a typographically coherent layout.

  • this as opposed to pecking around for a related control in disparate menus
    • bonus for ability to tab between different elements and use arrow keys to quickly edit values (even ctrl+p/n, ctrl+f/b to navigate directionally, like in text editors for mac)
  • use these ‘traditional’ disparate menus in the manner of an ‘index’, as figma transitions into need-based, commingled interactions
    • allows real-estate expansion in the view [bit of an issue currently]

…further
re: left hand-side layers panel—

  • may add improvements to naming, editing of layers (ala react components) to further enhance power of [the potential] quick auto-layout options [above]
    • (ex: classNames / type edits) – left-align all body-elements *

*(obvi can translate this into tailwind-style css classes behind the scenes, per section)

This topic has been closed for comments

1 reply

  • 0 replies
  • October 19, 2022

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings