Loading...
Chaine Ye
Align-self
Make Elements Align-self

Align-self is a Figma plugin that allows elements to quickly break the autolayout alignment of their container, similar to the CSS property align-self in Flexbox.

ROLE
Design&Develop

PLATFORM
WEB

KEYWORD
Plugin,Efficiency

TIME
Aug 2022

LINK
Try it now ↗️

The inspiration for this plugin comes from... well, I usually encounter such a scenario, when I was drawing a prototype, suddenly I needed to insert a right-aligned element in a left-aligned autolayout (It's something like, the form is left-aligned, while the submit button needs to be right-aligned). However, Figma does not support setting the align-self property like CSS to make it jump out of the alignment of the container, (of course, setting it to absolute position works too... but I still need to adjust the margins afterwards 🥹) every time I manually add a frame to wrap them. So I thought, why not automate this operation? Wouldn't it be nice to pretend it was the align-self attribute 🤪? Also we support adjusting the desired alignment.