Auto layouts, import from Figma, and auto Z-index in Lunacy’s new release

Lunacy’s latest release comes with new features designed to speed up your workflow and a bunch of improvements. Try it out yourself and see the difference!

Import from Figma

First, we released an import feature in Beta and tested it with the users who wanted to move from Figma to Lunacy. Together, we improved Figma import and fixed some major and minor issues with importing components, auto layouts, and nested frames.

Switching from Figma to Lunacy has never been easier. No need to copy layers as SVGs or manually redo your designs. Simply copy your Figma file link, paste it into Lunacy, and continue where you left off.

Import in 3 clicks or less

Check out this article for the full list of improvements.

Auto layouts

One of our most awaited features. If you’re versed in Figma auto layouts, jump right in. To learn more about the feature, check out this section in our documentation.

With auto layout, you’ll need to set the spacing between elements and determine their behavior relative to each other just once. Then, when you edit your design, it will adapt to your settings. From simple buttons with varying texts to complex webpage layouts that rearrange themselves as you edit individual blocks, auto layout designs adjust to the content as you change it:

Bring your design workflow to the next level

Auto Z-index

Lunacy automatically determines the order of layers, aka the Z-index, as you drag them one on top of the other. The Send to back/Send to front commands didn’t go anywhere, but the need for them (and extra key presses) just might 😉

In Figma, you organize layers manually
Lunacy places the larger layer below the smaller one

Text generation at your fingertips

The final goodbye to wasting time copying placeholder texts into your designs. In previous versions, we had text generation options to choose from in the right panel. But there were still precious few seconds you had to waste to set it up.

Now, simply add a text layer to your design to get a dropdown menu with over a dozen different placeholder text types. One click and zero distractions:

No need for “lorem ipsum” anymore

Auto shape colors

Drawing gray rectangles over gray rectangles is weird, right? It’s also inconvenient: the shapes blend with each other, and you have to spend time recoloring each one.

Lunacy makes things simple. Shapes are automatically colored using a pre-generated document color palette depending on their size and current background. This way, you can easily tell them apart and then change the color palette in the right panel or recolor the shapes to your liking:

Create mockups at lightning speed and recolor them with one click

Professional team plan

We introduced a free team plan for Lunacy a while back. If you feel tight within its limits, meet the Professional team plan. It gives you full freedom and flexibility for collaboration on design projects:

  • Unlimited team documents
  • Unlimited version history
  • Unlimited trash storage period
  • Free personal cloud license for the team owner

Next-level features for those who outgrew the limits

Read in detail about Lunacy teams and collaboration options here.

And there’s more

Other perks of the new release:

  • Snapping frames to presets
  • Adjustable UI scale
  • Czech and Vietnamese localizations

See the Release notes for more details about the release, or dive right in:

Recent Posts

How to illustrate a children’s book with AI

Creating illustrations for a children’s book is challenging, especially if you're not an artist. Learn…

2 weeks ago

Retro fonts: history, examples, and modern interpretation pt. 2

Nostalgic typefaces are trendy and more varied than ever. Discover the story behind vintage typography…

2 weeks ago

Retro fonts: history, examples, and modern interpretation pt. 1

Curious about the diverse world of nostalgic fonts? Keep reading to explore typography from the…

2 weeks ago

Arrow icons: style ideas and examples of use cases

Check out arrow icons in different aesthetics and get some inspiration on how to implement…

2 weeks ago

How to create perfect matching visuals for an online course landing page

Step-by-step tutorial on generating AI illustrations for the online school landing page design.

2 weeks ago

Cool profile picture and avatar ideas for your designs, interfaces, and social media

Create quick and visually pleasing profile images for any project with these 5 approaches. From…

3 weeks ago

This website uses cookies.