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.
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.
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.
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:
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.
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.
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.
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.
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.
To import a Figma document to Lunacy:
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.
This is where we place all the possible blocks that we use for our articles…
Creating illustrations for a children’s book is challenging, especially if you're not an artist. Learn…
Nostalgic typefaces are trendy and more varied than ever. Discover the story behind vintage typography…
Curious about the diverse world of nostalgic fonts? Keep reading to explore typography from the…
Check out arrow icons in different aesthetics and get some inspiration on how to implement…
Step-by-step tutorial on generating AI illustrations for the online school landing page design.
This website uses cookies.