Design tools

Figma Import in Lunacy

Lunacy can convert Figma files to .sketch. Faster than any other known converter. It can transfer almost every little element of your .fig file to Lunacy. Dive in to learn more.

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 we added to handle Figma documents better. Many of them were frequent subjects of feature requests. Enjoy! By the way, since our artboards are now more like Figma frames, we decided to rename them frames.

The features we found most difficult to adapt to the .sketch format were auto layouts and components. Let’s see how they work.

Auto Layout

First, let’s open our design file in Figma. You can see the auto layout in action:

Here, we test alignment, orientation options, and the absolute position feature. We do all the same in Lunacy. See for yourself how it works:

Lunacy supports the auto layout wrap feature as well. No need to worry about your elements being out of frame or getting cropped: Lunacy won’t mess up your wrapping. We also support the min/max values for frames in beta. Starting with Lunacy 9.3, this feature will be at full power.

So, what about importing components.

The component test

Back to the Figma file. The menu button and the navigation menu in the layout are grouped into a component:

When imported to Lunacy, the element becomes a component instance, colored pink in the Layer list:

This is because, essentially, the only difference between Figma and Lunacy components is that in Figma, once you create a component, it stays as the main component right there on your layout. In Lunacy, the main components are stored on the Components page — a particular page that Lunacy automatically generates in a document when you create a component. What remains on the canvas after you create a component is its instance.

For your convenience, you don’t have to go to the Components page to edit the main component. Click an instance press Enter to enable Edit mode, and edit the main component in a special window. Once you’re done, press anywhere outside the edited component — and here’s your updated instance.

Full list of the features supported now in Lunacy:

  • Frame transparency
  • Frame corner radius
  • Frame rotation
  • Frame fills, borders, and effects
  • Image fill rotation, crop, and scale
  • Multiple frame grids and layouts
  • Nested frames
  • Ellipse arc properties
  • Dashed border properties for frames (without the miter settings)
  • Stars and polygons
  • 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

Full support of the auto layouts

The next most-awaited feature after Figma import. We’re working on it. It’s a big deal: lots of maths and other things to consider. Import of the min/max values for frames is going to be our next big update. They are currently supported in beta and will be fully integrated starting with Lunacy 9.3.

Full support of image fill rotation, crop, and scale

Lunacy can already handle these properties. All these settings are supported in beta, allowing you to import your image fills correctly and continue adjusting them in Lunacy. Full support of the feature is coming in Lunacy 9.3.

Image fill adjustments

We haven’t integrated them yet. Lunacy has its own adjustment tools, but they are different from Figma’s. We plan to complete the image fill adjustments in one of the subsequent releases.

What we added recently

Stars and polygons

Lunacy imports stars and polygons as fully adjustable shapes. You can adjust the Count parameter for the polygon angles and star points, as well as the Ratio parameter for point thickness.

Multiple frame grids and layouts

This long-awaited feature is already available in beta! Aside from the regular pixel grid, you can have custom grids and layouts for each frame, just like in Figma. Need a special pixel grid along with rows and columns to make sure that one frame is perfectly symmetrical? Lunacy can handle all that for you.

Dashed border properties for frames (artboards)

This feature is finally here: you can see your dashed borders as frame borders rather than separate geometry. The dash settings, including gap size, are transferred to Lunacy with only one exception — miter settings. The Miter angle setting in Figma lets you control the angle at which two joined lines bevel. This parameter is not imported into Lunacy.

Shape borders

We managed to find a way around Figma REST API’s tricky border properties. Since the Figma REST API returns them as separate geometries, Lunacy imported borders as separate shapes. Now, almost all kinds of shape borders are imported as borders, except for the dashed borders — these still come as separate shapes.

What we do not support

Stars, polygons, and ellipse properties overrides

Since these are not listed in the Figma REST API, Lunacy does not support overrides for these shapes.

Sections

We do not support sections and are still solving the puzzle of integrating them into the .sketch format.

Smooth corner radius

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

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

Diamond gradients are not supported in Lunacy. They are imported as radial gradients instead.

Variable fonts

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

Some advanced text properties

It is not available in Lunacy and, therefore, not supported.

Background blur for text

It is not available in Lunacy and, therefore, not supported.

Comments

Lunacy does not have comments in local documents. Comments are available for all cloud documents, no matter if those are your personal files or team 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.

Recent Posts

Boo! Halloween graphics for your spooky designs

Sweeping list of Halloween’s visual symbols enriched with some fun facts to know. Icons, illustrations,…

2 weeks ago

Try on Halloween costumes with Human Generator: for free!

Halloween is almost here. It's time to think about costumes. If you're looking for something…

3 weeks ago

Swap faces and haunt your friends this Halloween

Create spooky, funny, or creative face swaps for your Halloween celebration with Face Swapper.

4 weeks ago

How to make a book cover with AI

Design a stunning book cover with the Illustration Generator. This guide helps you brainstorm, craft…

4 weeks ago

Color modes in a nutshell: printers vs screens

Why is my printed logo not as vibrant as the digital one? Why do I…

2 months ago

Create a fintech landing page with an all-in-one graphic kit

Get an all-in-one UI kit to build a professional fintech landing page. It includes everything…

2 months ago

This website uses cookies.