Design News

Figma Import in Lunacy

Lunacy can now convert Figma files to .sketch. Faster than any other known converter. The most awaited update of the year is available in beta. All Lunacy fans can test it now.

We spent over six months trying to squeeze the Figma format into .sketch. It was a tough journey with lots of sacrifices along the way. Since the formats are very different, we had to put some Figma properties aside (for a while, at least). On the other hand, Lunacy can now handle things that Sketch can’t.

We’re still polishing a few things before officially releasing the feature. But if you’re anxious to try it, you can download the beta version.

What we support

Here’s the list of features that we added to better handle Figma documents. Many of them were frequent subjects of feature requests. Enjoy! And by the way, since our artboards are now more like Figma frames, we decided to rename them into frames. So, here we go:

  • Frame transparency
  • Frame corner radius
  • Frame rotation
  • Frame fills, borders, and effects
  • Nested frames
  • Ellipse arc properties
  • Inner shadows and blurs for grouped layers
  • Figma instance overrides:
    • Corner Radius
    • Fills
    • Borders
    • Border Options
    • Effects
    • Blending
    • Typography
    • Export Options
    • Lock
    • Visibility
    • Clip Content
    • Auto Layouts

What we will support

Auto Layouts

The next most-awaited feature after Figma import. We’re working on it. It’s a very big deal itself: lots of maths and other things to consider. Auto layouts will appear in the official release of v.9.0.

Image fill rotation, crop, and scale

Lunacy can already handle these properties. But we don’t have the controls for adjusting them yet. We will add the controls in the next releases.

If you open an imported file in Sketch, it will always show image fills with zero rotation, uncropped, and at 100% scale. We preserve the images not to make you search for the originals.

Image fill adjustments

We haven’t integrated them yet. But we will do it in one of the next releases.

Multiple frame grids and layouts

We have plans to support this in the next releases and drop compatibility with Sketch in this matter.

What we do not support

Stars and polygons

Stars and polygons are imported as vector paths rather than shapes. This means you won’t be able to add more vertices or edit corner radii through their properties in the right panel. The reason for this is that the Figma REST API does not include these properties. Maybe Figma will add this later, then we will import these shapes properly.

Stars, polygons, and ellipse properties overrides

Same as above. Not listed in the Figma REST API.

Sections

We do not support sections and don’t yet understand how to integrate them into the .sketch format.

Smooth corner radius

Not listed in the Figma REST API. We import smooth rounded corners as basic rounded corners.

Dash/gap border properties for frames (artboards)

Not listed in the Figma REST API.

Shape borders

Since the Figma REST API returns them as separate geometries, we import borders as separate shapes. Figma uses a specific vector structure. They call it  Vector Networks, and their properties are not listed in the Figma REST API. Anyway, supporting vector networks in Lunacy would ruin compatibility with the .sketch format.

Component variants

We import variants as separate components with similar names, so you can use them as Components States in Lunacy.

Nested components

The .sketch format does not allow the creation of a component inside a layer, only on a page. So we are moving all components to the Components Page and leaving instances in the places of nested components.

Multiple blurs

We import only the first (top) blur. Multiple blurs are incompatible with .sketch.

Complex vector paths

Lunacy does not support Figma’s complex vector paths and decomposes them into vector groups.

Advanced Prototyping

Lunacy does not support Figma’s prototyping.

Diamond gradients

Not available in Lunacy, and therefore not supported.

Variable fonts

We’re planning to add this feature in the next versions.

Some advanced text properties

Not available in Lunacy, and therefore not supported.

Background blur for text

Not available in Lunacy, and therefore not supported.

Comments

Lunacy does not have comments in local documents.

Guides

Not listed in the Figma REST API.

FigJam elements

Beyond our focus yet.

Changes affecting compatibility with Sketch

Don’t panic, you can still open files created in Lunacy with Sketch. But if you use some Figma features and save your document in Lunacy, Sketch can fail to display them properly. Here is what to expect from Sketch.

Frame transparency

When you open a transparent frame in Sketch, it will have a white background.

Frame corner radius

Sketch will display rounded frame corners as basic corners.

Frame rotation

Sketch will render all frames with 0 rotation.

Frame styling

Fills, borders, and effects will appear in Sketch on a nested rectangle named Background.

Nested frames

Sketch will display them as a group with a rectangle inside.

Figma instance overrides

None of them is supported in .sketch, and that is the most painful impact on compatibility. We don’t think that Sketch will support these overrides someday. But if it will, we’ll only be happy as this will let users easily share files between Figma, Lunacy, and Sketch. Without this compatibility, sharing can be tricky: you’ll have to agree within your team not to use overrides unsupported by Sketch.

Auto Layouts

Figma’s auto layouts and smart layouts in Sketch are two different things. Hopefully, we will support both someday. But Sketch’s smart layouts are a low priority for us at this stage.

Inner shadows and blurs for grouped layers

Sketch will ignore these settings

Clip Content

This property does not exist in Sketch, so it will be ignored.

Other changes

Apart from Figma import, we added lots of other new features in the new version. All the details and links to installers you will find in our release notes.

How it works

To import a Figma document to Lunacy:

  1. In Figma, click Share.
  2. In the displayed window, make sure that the Anyone with the link option is selected, then click Copy link.
  3. In Lunacy, go to the Home tab.
  4. Click Import from Figma. The document import screen opens.
  5. Paste the link to the Figma document and click Import.

 

Alternatively, copy a link in Figma, then switch to Lunacy and press Ctrl/Cmd + V.

Note: If you’re importing the document into a team, Lunacy will create a cloud document.

api

Recent Posts

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…

2 weeks ago

How to design engaging posts on social media

Sometimes there is just no time to wait for a professional designer to make your…

3 weeks ago

What is dynamics in digital design, and how does it work?

Graphic designers use dynamics and movement to make their work more exciting. It can help…

3 weeks ago

Shadows: what you need to know about them in 2023

Design should not feel sham. It should reflect a real-world experience, with a lot of…

1 month ago

Remove backgrounds and upscale lots of pics in 1 click

New AI-based routine killer from the Icons8 team for those who need to edit images…

2 months ago

The best cybersecurity practices for freelance designers

Freelance designers are exposed to a range of cybersecurity threats on a daily basis. Here’s…

2 months ago

This website uses cookies.