starred/lunacy-docs
1
0
Fork 0
mirror of https://github.com/icons8/lunacy-docs.git synced 2026-09-26 09:20:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

autolayout edits and sections added

Browse Source
This commit is contained in:
louiseamber
2023-02-09 13:04:59 +03:00
parent 92d1b8544e
commit fda4cf0888
3 changed files with 300 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/autolayout.md
+20 -30
View File
@@ -22,18 +22,19 @@ page_nav:
url: '/styling'
---
## Overview
**Auto layout** is a powerful feature you can use to create dynamic designs that adapt to the size of their contents.
For instance, if you create a labeled button with auto layout, changing the button text will resize the button depending on the width of the text:
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/autolayout_button.png" height="auto"><source src="/public/autolayout_button.mp4" type="video/mp4"></video>
The option to enable auto layout appears in the <a href="https://lunacy.docs.icons8.com/basics/#working_with_the_inspector" target="_blank">Inspector</a> whenever you select a frame:
<embed type="image/svg+xml" alt="autolayout_inactive" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/eY5XRYyYUki7-MyMV1QUpA.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_inactive" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/HOwoSChcRk6L4sPNb7Tarw.svg" width="844" />
In Lunacy, you can apply auto layout to:
@@ -47,19 +48,14 @@ In Lunacy, you can apply auto layout to:
To do this, put several frames into a container frame, then add auto layout. You can then define the arrangement of the child frames relative to each other.
<div class="callout callout--info">
<p><strong>Note:</strong> Resizing the child frames will affect the container frame, but changes to layers inside the child frames won’t impact the container — unless the frames have auto layouts themselves, like in the following case.</p>
</div>
Resizing the child frames will affect the container frame, but changes to layers inside the child frames won’t impact the container — unless the frames have auto layouts themselves, like in the following case.
- **Several auto layout frames**
You’ll be able to change auto layout properties for each frame — as well as the container frame they are nested* in.
You’ll be able to change auto layout properties for each frame — as well as the container frame they are [nested](#combining-auto-layouts) in.
The overall layout will dynamically respond to changes inside the child frames.
<div class="callout callout--info">
<p><strong>* Note:</strong> Nesting auto layout frames is a convenient option for creating complex designs that seamlessly adapt to any changes to individual layers. Learn all about how to combine auto layout frames this way <a href="https://lunacy.docs.icons8.com/autolayout/#combining-auto-layouts">below</a>.</p>
</div>
For now, let’s cover the basics.
@@ -71,7 +67,7 @@ Some things to keep in mind before we get into it:
1. All available auto layout properties are displayed in the Inspector:
<embed type="image/svg+xml" alt="auto_layout_active" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/dT4dMIt8EUOtCnzmCkg_Zg.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_active" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/Qy5LRHWankqzXvz53RMD5A.svg" width="844" />
To view the settings for any auto layout frame, simply select it and refer to this section.
@@ -100,12 +96,12 @@ You can also select elements within the frame to change their individual auto la
- If you select a nested auto layout frame, you’ll see the usual Auto layout section in the Inspector.
- If you select an ordinary layer, frame, or component inside an auto layout you’ll see its individual properties, which look like this:
<embed type="image/svg+xml" alt="autolayout_individual_settings" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/5o5Spa20qE-AcIjvo1QSrA.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_individual" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/QW7uVSlUKUOWW95HBai2tw.svg" width="844" />
## [Auto layout properties](#auto-layout-properties)
<embed type="image/svg+xml" alt="autolayout_properties" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/-0uKI9FjT0iW1CMX9CCYKg.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_properties" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/2yCHv5F5wE6QP7hA36In5A.svg" width="844" />
### Resizing options
Determine how the container frame responds to changes made to layers inside it:
@@ -120,9 +116,7 @@ Vertical orientation arranges elements along the **Y axis**, and horizontal orie
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/autolayout_orientation.png" height="auto"><source src="/public/autolayout_orientation.mp4" type="video/mp4"></video>
<div class="callout callout--info">
<p><strong>* Note:</strong> To combine both these options, you’ll need to nest auto layout frames in a larger frame.</p>
</div>
To combine both these options, you’ll need to nest auto layout frames in a larger frame.
### Alignment controls
@@ -130,7 +124,7 @@ Align your layers within the auto layout.
Note that in an auto layout frame, you can’t control the alignment of individual layers, so this section of the Inspector will be grayed out:
<embed type="image/svg+xml" alt="alignment_inactive" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/xijK96Ci_E6igWt3wRrGYA.svg" width="844" />
<embed type="image/svg+xml" alt="alignment_disabled" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/rHp8yw4yF0ysqcTkO8Bn1A.svg" width="844" />
Change alignment by:
@@ -159,11 +153,9 @@ Like with element spacing:
### Lock/unlock right and bottom padding
When you change left or top padding, right and bottom padding will mirror the new values.
To change padding for individual sides, click <embed type="image/svg+xml" alt="locked" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/9r2_b8ypjUKmhaDAULXaGQ.svg" width="16" />.
To change padding for individual sides, click <embed type="image/svg+xml" alt="unlock_padding" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PpXulR2e9ECMC6HIzjsYIQ.svg" width="16" />.
<div class="callout callout--info">
<p><strong>Note:</strong> If you lock the padding again (click <embed type="image/svg+xml" alt="unlocked" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/6oF1SM54uUez1oG4Dm50rA.svg" width="16" />) after changing values for individual sides, the altered padding values won't revert back to match the opposite side. Enter a matching value on one side of the padding to synchronize the values once more.</p>
</div>
If you lock the padding again (click <embed type="image/svg+xml" alt="lock_padding" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/Ik9qCzk510aNl1A3Oi-Grw.svg" width="16" />) after changing values for individual sides, the altered padding values won't revert back to match the opposite side. Enter a matching value on one side of the padding to synchronize the values once more.
### Distribution options
@@ -217,9 +209,7 @@ To do this, select a layer to open up its individual Auto layout properties. Her
With [absolute position](#absolute-position) enabled, you can freely move the layer anywhere you want within the auto layout regardless of its general settings. It won’t be affected by any auto layout properties unless you disable it.
<div class="callout callout--info">
<p><strong>Note:</strong> Once a layer has an absolute position, you’ll be able to set constraint options for it. Read in detail about those <a href="https://lunacy.docs.icons8.com/autolayout/#constraint-options">below</a>.</p>
</div>
Once a layer has an absolute position, you’ll be able to set constraint options for it. Read in detail about those [below](#constraint-options).
## [Removing elements from an auto layout](#removing-elements-from-auto-layout)
@@ -266,7 +256,7 @@ Here are a few examples of how an auto layout changes depending on the resizing
If you need an element in an auto layout to remain independent from auto layout settings:
1. Select it in the Layer list or on the frame.
2. Click <embed type="image/svg+xml" alt="absolute_position" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/Qrn3aEpOwUKPFIlbhOJ_AQ.svg" width="16" /> in the Inspector.
2. Click <embed type="image/svg+xml" alt="absolute_position" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/DjX8P_Inw0mpGnhrK_2mXw.svg" width="16" /> in the Inspector.
The element now has an absolute position. You can move it freely within the auto layout and keep it static regardless of any resizing changes, like in the video below.
@@ -277,7 +267,7 @@ Here, we're adding a logo to an article preview card. At first, we just dragged
To position a layer in any location inside an auto layout:
1. Select the layer and enable absolute position for it by clicking <embed type="image/svg+xml" alt="absolute_position" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/Qrn3aEpOwUKPFIlbhOJ_AQ.svg" width="16" />. It will be detached from the auto layout while staying in the frame, and you can then freely move it around the layout.
1. Select the layer and enable absolute position for it by clicking <embed type="image/svg+xml" alt="absolute_position" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/DjX8P_Inw0mpGnhrK_2mXw.svg" width="16" />. It will be detached from the auto layout while staying in the frame, and you can then freely move it around the layout.
2. Drag the layer wherever you want and leave it be. Now, when you edit anything else in the frame, the layer will be unaffected.
### [Constraint options](#constraint-options)
@@ -286,7 +276,7 @@ To position a layer in any location inside an auto layout:
Once you set a layer to have an absolute position, the Constraints section will open up in the Inspector:
<embed type="image/svg+xml" alt="autolayout_constraint_options" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/waaLr-Ma_0GZevvfTChSOA.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_absolute" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/w7Ma3WwkdEa8wQ9Fefwe2Q.svg" width="844" />
- The **Pin to Edge** controls pin a layer to one or several edges of the auto layout frame. This means that when you resize the frame, the distance between the layer and the edges it is pinned to will not change.
- The **Fix width** and **Fix height** checkboxes do just that: fix the width and/or height of an element in the auto layout. Whenever you resize the parent frame, the checked off properties won’t be altered.
@@ -296,9 +286,9 @@ Once you set a layer to have an absolute position, the Constraints section will
When working with components and creating their instances, you can reset overrides for component instances. This means that, if you made changes to a component instance, you can reset it to match its main component once more.
When you’re working with an auto layout frame that itself is also a component or contains component instances, you'll have two override buttons (<embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/49CEooqv1U6WWWTQz7oAbg.svg" width="16" />) in the Inspector. Don’t let them confuse you:
When you’re working with an auto layout frame that itself is also a component or contains component instances, you'll have two **Reset override** buttons (<embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PmMyhR72A0GyShZvh91lgA.svg" width="16" />) in the Inspector. Don’t let them confuse you:
- The Reset overrides (<embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/49CEooqv1U6WWWTQz7oAbg.svg" width="16" />) button appears in the Auto layout section when you make changes to the **auto layout properties** of a component. Click it to reset these properties and return them to the defaults of the main component.
- The **Reset overrides** button appears in the Auto layout section when you make changes to the **auto layout properties** of a component. Click it to reset these properties and return them to the defaults of the main component.
- The same button appears in the **Component** section when you make changes to the **auto layout properties of a component** and/or to **distinct components in the auto layout** frame. Use it to reset **all overrides** for the component: both the auto layout properties and any individual component changes.
Here’s how it works:
@@ -311,7 +301,7 @@ In the video, there are three component instances nested in a frame that itself
2. Changing the padding.
3. Changing one of the button instances' color.
We then press <embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/49CEooqv1U6WWWTQz7oAbg.svg" width="16" /> in the **Auto layout** section to reset just the auto layout overrides (spacing and padding). We undo this, then press <embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/49CEooqv1U6WWWTQz7oAbg.svg" width="16" /> in the **Components** section to reset all overrides (spacing, padding, **and** the button color.)
We then press <embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PmMyhR72A0GyShZvh91lgA.svg" width="16" /> in the **Auto layout** section to reset just the auto layout overrides (spacing and padding). We undo this, then press <embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PmMyhR72A0GyShZvh91lgA.svg" width="16" /> in the **Components** section to reset all overrides (spacing, padding, **and** the button color.)
## [Combining auto layouts](#combining-auto-layouts)
@@ -319,7 +309,7 @@ You can combine several auto layouts and nest simple auto layouts to build compl
Here’s an example of how you can combine auto layouts for a simple news website:
<embed type="image/svg+xml" alt="autolayout_nesting" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/hmBh764fmkKAeJu4K6ZGVw.svg" width="844" />
<embed type="image/svg+xml" alt="autolayout_nesting" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/TwiurH2_u0C1ZK5V7G6N4g.svg" width="844" />
From the top down:
docs/contact.md
+43
View File
@@ -0,0 +1,43 @@
---
# Page settings
layout: default
keywords:
comments: false
# Hero section
title: Contacts
description: Reach out to us on any of these platforms
icon: 'chat-messages--v2'
# Micro navigation
micro_nav: false
# Page navigation
page_nav:
next:
content: FAQs and Known Issues
url: '/faq'
prev:
content: Release History
url: '/release-notes'
---
Visit our <a href="https://community.icons8.com/" target="_blank">Community Support</a> forum to let us know about any problems you run into with Lunacy. The whole development team is there to help you with any issues that arise.
<a href="https://lunatics.icons8.com/discussions" target="_blank">Feature Requests</a> is a board where you can vote for features and propose your own (similar to UserVoice). Stick to one feature per post, please.
There’s a comment section at the bottom of the <a href="https://icons8.com/lunacy" target="_blank">Lunacy page</a> on our website. Feel free to leave a review of our app or simply say hello!
Leave a review for <a href="https://apps.microsoft.com/store/detail/lunacy-graphic-design-software/9PNLMKKPCLJJ?hl=en-us&gl=us" target="_blank">Lunacy in the Windows Store</a>. The quality of our work depends on your honest feedback. Please vote and leave a review so more people learn about Lunacy. Thank you 🙏🏽
Help us improve this documentation page at <a href="https://github.com/icons8/lunacy-docs" target="_blank">Github</a>. We accept pull requests for fixing technical errors, spelling mistakes, and any inconsistencies you notice. We’ll also be glad to hear any ideas you have about improving our documentation.
## Our Socials
<a href="https://www.facebook.com/lunacyapp" target="_blank">Facebook</a>
<a href="https://twitter.com/Icons8_Lunacy" target="_blank">Twitter</a>
<a href="https://discord.com/invite/XfW7qns" target="_blank">Discord Server</a>
<a href="https://t.me/lunacy_app" target="_blank">Telegram Channel</a>
docs/faq.md
+237
View File
@@ -0,0 +1,237 @@
---
# Page settings
layout: default
keywords:
comments: false
# Hero section
title: FAQs and Known Issues
description: Frequently asked questions and a list of known and resolved issues in Lunacy
icon: 'help'
# Micro navigation
micro_nav: false
# Page navigation
page_nav:
next:
content: Contacts
url: '/contacts'
prev:
content: Plans and Pricing
url: '/subscriptions'
---
## General Questions
Common questions about the app and its functionality.
### I’m new to Lunacy. Where do I start?
We have an interactive tutorial with a step-by-step beginner’s guide to our app. Open it in the <a href="https://lunacy.docs.icons8.com/interface/#home-tab" target="_blank">Home Tab</a> by clicking **Tutorial** at the bottom of the left sidebar.
You can also:
- Check out <a href="https://blog.icons8.com/articles/tag/lunacy/" target="_blank">step-by-step tutorials</a> on our blog.
- Read more sections of this <a href="https://lunacy.docs.icons8.com/" target="_blank">documentation page</a>.
- Subscribe to our <a href="https://www.youtube.com/channel/UCIp9WVc3HlNF3TGqGvuDsnQ/videos" target="_blank">Youtube channel</a> for more Lunacy tutorials.
### Is Lunacy really free?
Yes. Lunacy is absolutely free: there’s no hidden charges, ads, or locked features.
Our built-in graphics (icons, photos, and illustrations) are also free for use in personal and commercial projects, as long you include a link to Icons8. You can purchase a <a href="https://lunacy.docs.icons8.com/subscriptions/#graphics-subscriptions" target="_blank">paid subscription</a> to use them without link attribution and get access to higher resolution icons and pictures.
We also have <a href="https://lunacy.docs.icons8.com/subscriptions/#personal-cloud-plan" target="_blank">professional plans</a> for users and <a href="https://lunacy.docs.icons8.com/teams/" target="_blank">teams</a> that offer more powerful options for working with <a href="https://lunacy.docs.icons8.com/clouddocs/" target="_blank">cloud documents</a> and collaborating with others.
### Do I need an internet connection to use Lunacy?
No. You can work on local `.sketch` documents on your computer without an internet connection.
However, you’ll need to be online to access your cloud documents or work with the content in our built-in <a href="https://lunacy.docs.icons8.com/libraries/" target="_blank">Libraries</a>.
### Can I downgrade Lunacy to a previous version?
Yes. To do this:
1. Uninstall Lunacy.
2. Download the required version and install it. The full list of versions with links to installers is <a href="https://lunacy.docs.icons8.com/release-notes/" target="_blank">here</a>.
### How can I be sure that I won’t lose my work if Lunacy crashes?
Lunacy has a mechanism that auto-saves all of your actions, both for local and cloud documents. If Lunacy suddenly crashes, it will re-open the document right where you stopped.
Cloud documents also have <a href="https://lunacy.docs.icons8.com/clouddocs/#version-history" target="_blank">version histories</a>: a version of the document is saved regularly so you won’t have to worry about any unsaved progress.
### Why does my antivirus flag Lunacy as suspicious?
There are no viruses or spyware in Lunacy, but in some rare cases, false positives might occur.
If you installed Lunacy from the Microsoft Store, keep in mind that apps can’t appear in the Store until they’re thoroughly checked for malicious code.
If you downloaded Lunacy from our website and want to make sure everything’s OK, you can upload and scan the installer at <a href="https://www.virustotal.com/gui/home/upload" target="_blank">VirusTotal</a>. It is a free, reliable online antivirus service.
After that, make an exception for the Lunacy installer and/or the app in your antivirus so that it runs smoothly.
### How do I report a bug?
If it is, contact us via our feedback form:
1. Select Help > **Report a Problem** in the menu bar.
2. Describe the problem in detail so we can reproduce it and determine the cause.
<div class="callout callout--info">
<p><strong>Note:</strong> If a problem appears only in one specific document, please attach it to the report. Your content is safe: we will delete the file from our system after investigation.</p>
</div>
### Are you planning to go open source?
**Short answer:** Not at the moment.
**Long answer:** We realize this would speed up the development process. However, it would also slow us down in some ways, too. Sometimes, a small team can advance faster than a large community. We may reconsider in the future.
## Questions About Features
Questions about existing or upcoming Lunacy features.
### Where can I get plugins?
We removed support for external plugins in <a href="https://lunacy.docs.icons8.com/release-notes/#version-8" target="_blank">version 8.0</a>. That was a trade-off we had to make to release Mac and Linux versions.
We’re going to restore the feature in an upcoming release.
### Can I enhance Lunacy’s performance by adjusting video card settings?
If your computer has a discrete graphics card, you can adjust your graphics settings so that Lunacy always uses the discrete card.
These steps will work for the majority of Windows 10/11 computers:
1. Go to **Start** > **Settings** > **Display** > **Graphics settings**.
2. Click **Browse** and find the Lunacy.exe file (the default path is `C:\Program Files\Lunacy\Lunacy.exe`).
3. Click **Options** and set the **Graphics preference** to **High performance**.
<embed type="image/svg+xml" alt="faq_nvidia_2" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/TeK7PJ7nzkeY6Vceyl3j3g.svg" width="844" />
If you are running an older Windows version, you can try to do the same using your video card control panel. Here are the required settings for an NVidia card:
<embed type="image/svg+xml" alt="faq_nvidia_1" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PeNv17daZkCi9SsJJgTFYQ.svg" width="844" />
<div class="callout callout--info">
<p><strong>Note:</strong> These settings won't work in energy saving mode and with some specific system configurations.</p>
</div>
### Can I change the radius of a specific corner in a shape?
One of our most popular questions😉 Check out the demos <a href="https://lunacy.docs.icons8.com/editing/#vector-editing" target="_blank">here</a>, <a href="https://lunacy.docs.icons8.com/editing/#adjusting-the-corner-radius-setting-for-rectangles" target="_blank">here</a>, and <a href="https://community.icons8.com/uploads/default/original/1X/718c05c97ebb1fdbd09cd4e9579178e65f2e8afc.mp4" target="_blank">here</a>.
### Where is the suggestions panel?
We decided to revamp the suggestions panel. We’ll add the new version to an upcoming release.
## General Problems
If you run into an issue with Lunacy, chances are you’ll be able to fix it by yourself. Below is a list of problems that may arise and possible workarounds for them.
### Lunacy doesn’t start
There may be several reasons for this. Make sure that:
- Your operating system is up-to-date.
- The operating system you are using is compatible with Lunacy. The app is intended to run on Windows 10 and 11, Mac OS, and Linux. You can try to run it on Windows 7 and 8, but we don’t guarantee Lunacy operating smoothly on these versions.
- You are not using an <a href="https://support.microsoft.com/en-us/windows/stop-receiving-insider-builds-for-windows-10-be2c37cf-ae6e-c654-a6df-b3ebbcdc3404" target="_blank">insider build</a>.
- The latest stable version of your video card driver is installed.
- Your user account has enough rights to run applications. Try to run Lunacy as an administrator.
- Lunacy isn’t blocked by your antivirus. Disable virus protection and try to launch Lunacy.
### Lunacy is slow
These are the most common reasons for Lunacy running slow:
- **Too many large images in a document.**
This often happens when you import a lot of high-resolution images and then shrink them to the required dimensions.
*Workaround*: Replace current images with optimized copies.
- **Too many shadow and blur effects.**
*Workaround*: Avoid excessive usage of shadows and blurs.
- **Too much large-scale, heavy content on one page.**
*Workaround*: Split up your project into several <a href="https://lunacy.docs.icons8.com/interface/#document-pages" target="_blank">document pages</a>. This isn’t only useful for optimization, but for organizing distinct parts of your design as well.
- **Large amount of text converted to outlines.**
*Workaround*: Avoid converting large blocks of text (sentences or paragraphs) to outlines.
### The content in Lunacy libraries is not loading
First, check that your internet connection is OK. If it is, contact us via our feedback form and we’ll quickly fix the issue (**Help** > **Report a Problem**).
### A document is corrupt or won’t open
To fix this:
1. Make sure you have the <a href="https://lunacy.docs.icons8.com/release-notes/" target="_blank">latest version of the app</a> installed.
2. Select **Help** > **Open App Data Folder** in the menu bar. This will open up a folder with Lunacy files.
3. Open the **Documents** folder. It contains subfolders with all documents you previously worked on. For convenience, you can sort them by the **Date modified** column.
4. Try to remember the date when you last modified the document, then drag and drop the subfolders with this modification date onto the canvas. Lunacy will try to restore the document.
If it’s a **local** document, its temp file `.lunTempFileSave` may not have been saved as a proper document. To restore it:
1. Follow the steps above to find it in the **Documents** folder.
2. Change its extension to `.sketch` and <a href="https://lunacy.docs.icons8.com/interface/#opening-documents" target="_blank">open it</a> in Lunacy.
If it’s a **cloud** document, you can also open up its version history and restore one of the saved versions:
1. On the **Home Tab**, right-click on the document’s preview to open up the context menu.
2. Click **Show Version History**.
3. Check the previous versions by clicking _ in the version tabs.
4. Choose the necessary version and click **FIle** > **Save** in the menu bar to save it as a local `.sketch` file on your device.
5. Import <a href="https://lunacy.docs.icons8.com/interface/#importing-local-sketch-files-to-cloud" target="_blank">Import it</a>it back into Lunacy Cloud.
If the problem persists, contact our support team via **Help** > **Report a Problem** in the menu bar and attach an archive with the Documents folder to the report. If Lunacy crashed when you tried opening the document, attach an archive of the **Logs** folder as well.
## Known Issues
This section goes over specific issues and ways to fix or avoid them.
### A local temp file that was never saved as a `.sketch` document is lost
1. Select **Help** > **Open App Data Folder** in the menu bar.
2. Open the **Documents** folder and sort the folders there by the **Date modified** column.
3. Drag and drop the top folders in the list into Lunacy. One of these is your unsaved temp file.
### In Lunacy v.8.7.2, a ‘No connection’ message is displayed in the left panel instead of icons
We have fixed this issue in our latest beta build. To install it, use the following links:
* <a href="https://lcdn.icons8.com/setup/beta/LunacySetup_x86.exe">Windows 32bit</a>
* <a href="https://lcdn.icons8.com/setup/beta/LunacySetup.exe">Windows 64bit</a>
* <a href="https://lcdn.icons8.com/setup/beta/Lunacy.pkg">MacOS .pkg</a>
* <a href="https://lcdn.icons8.com/setup/beta/Lunacy.dmg">MacOS .dmg</a>
* <a href="https://lcdn.icons8.com/setup/beta/Lunacy.deb">Linux deb64beta</a>
* <a href="https://lcdn.icons8.com/setup/beta/Lunacy.ARM.deb">Linux debARMbeta</a>
Later on, if you decide not to update to further beta versions, selec **Help** > **About** and clear the **Check for Beta Updates** checkbox.
### Objects and images on the canvas are stretching and/or flickering when scrolling and zooming
This is a known issue that typically occurs on Windows 10 computers with Intel CPUs and specific video card models (for example, the GeForce RTX 20 Series).
To fix this:
1. Install the latest stable version of your **video card drivers** from the manufacturer’s website.
2. Install the latest update of the **Intel chipset driver** from the manufacturer’s website.
3. Make sure that Windows is up-to-date.
If that doesn’t help:
1. Open the **Task Manager** and select the Services tab.
2. Stop the `Nahimic` service (an audio service).
3. Restart Lunacy.
If this helps, report the problem to the manufacturers of your video card and motherboard. If not, contact our support team (**Help** > **Report a Problem**).