How to use auto layout in Lunacy

icons8.com/lunacy
Auto layout is a powerful feature you can use to create dynamic designs that adjust to the size of their contents. In this tutorial, you will learn how to use auto layout by creating a Kanban board.
0:00 Why auto layout is helpful
1:11 Starting with the menu
2:18 Adding the page title, search bar, and filters
3:40 Adding user avatars
4:04 Working with the buttons
4:33 Creating a task card
7:58 Duplicating the card, final touches
Lunacy is a free collaborative design tool for web and UX/UI design. It has everything you are used to in other similar apps and goes beyond. Lunacy will speed up design workflow and minimize distractions.
Key highlights:
- Auto layouts
- Import from Figma
- Built-in graphics at your fingertips: icons, illustrations, and photos
- AI-based tools onboard: background remover, image upscaler, avatar, and text generators
- UI kits: Microsoft, Google, and Apple
- Runs on Windows, macOS, and Linux. Native apps for all platforms
- Works both with cloud and local documents
- Works with and without internet
- Translated into 20+ languages
- Dark theme
#design #autolayout #uidesign

[@isadorabeduka8129]

I was looking for an autolayout tutorial. I liked it better in Lunacy than figma, but I missed the autolayout and now everything is perfect!

[@emoneydatruth1]

Awesome!

[@jefferson-inomade]

In my interface the right panel is separated in boxes, how do I make them a unique panel like in this video?

[@Icons8]

We've introduced new UI with floating panels in 9.2. version. If you want to use Lunacy with the old interface, you can install one of the previous versions: lunacy.docs.icons8.com/release-notes/

[@matanon8454]

how to use tailwind for spacing in lunacy? is this possible?

[@Icons8]

At the moment Lunacy doesn't support any third-party plug-ins. However, it might change in the future so stay tuned!