Interface

Explore the Lunacy interface

Get acquainted with the Lunacy’s interface so you can get started with your designs right away. In this section, you will learn about the basic elements of the main view and how to manage your documents, account, and subscriptions in the Home tab.

# Main view

These are the main elements of the interface:

• Сontent tabs. Use them to switch between:

  • The Layer list
  • Document assets (components, layer and text styles)
  • Built-in collections of icons, photos, illustrations
• Left panel. Displays the contents of the selected tab. Toggle the display of the panel on and off by pressing the shortcut corresponding to each of the 7 tabs: Alt + 1 / ⌥ + 1 … Alt + 7 / ⌥ + 7. You can also use Shift + F1 or View → Left Panel in the menu bar.
• Toolbar. Features all the primary design tools you’ll need. Read more about each tool. If you need more space or prefer to use shortcuts, you can hide the toolbar by clicking (View → Toolbar) in the menu bar.
• Canvas. This is your working area. Read in detail about working with the canvas.
• Right panel. This panel lets you see and adjust the properties of the selected layer. The view of the right panel varies depends on the layer type. Here you can also choose frame presets, choose color palettes, read comments and export your designs. Read more about working with the right panel.
• Menu bar. Displays the options and commands related to files, layers, editing, etc. It also features the button, which opens up the Home tab.
• Context toolbar. The set of controls displayed on the context toolbar depends on the type of the currently selected layer. Hover the cursor over a tool icon to see a pop-up explaining what it does.
• Document tabs. The tabs of currently open files are displayed on the right of the Home button. Click on the tabs to switch between documents or press Ctrl + Tab / ⌘ + Tab and Ctrl + Shift + Tab / ⌘ + Shift + Tab.
• Play button. Starts the prototype previewer. Read more about prototyping in Lunacy.
• Zoom control. Use it to adjust the zoom value. Read in more detail about zooming options.
• Theme switch. Use it to switch between the light and dark themes.

• Additional options. This button opens up a menu with these options:

  Button	Description	Windows and Linux Shortcut / Menu Option	MacOS Shortcut / Menu Option
  	The Show/Hide rulers button toggles rulers on and off.	Ctrl + R	⌘ + R
  	The Show grid button enables the display of the square grid.	Ctrl + '	⌘ + '
  	The Layout grid button controls the display of the layout grid and is available only when there is a frame on the canvas.	Ctrl + \	⌘ + \
  	The Show prototyping button controls the display of hotspots and prototyping arrows.	View → Prototyping
  	With the Slice tool, you can to select a specific area on your design and export it.	View → Slices
  	The Pixels on Zoom option shows pixels when the zoom value exceeds 100.	View → Pixels on Zoom
  	Toggle the display of document comments in the right panel on and off.	-

# Adjusting Lunacy’s interface

If you need more space, you can adjust the size of the panels or hide the interface elements that you don’t need through the View menu:

• Minimize the left panel by clicking on the active content tab.
• Hide the toolbar, right panel, rulers and any other UI elements by disabling them in the View section on the menu bar.
• Hide all UI elements (except for the menu bar) by pressing Ctrl + . / ⌘ + .. This activates Presentation mode, useful for showcasing your designs with no distractions from the interface.

To adjust the scale of the interface, go to View → Interface scale, or use these shortcuts:

• Ctrl + Shift + Alt + + / ⌥ + Shift + ⌘ + = — increase scale
• Ctrl + Shift + Alt + - / ⌥ + Shift + ⌘ + - — decrease scale
• Ctrl + Shift + Alt + 0 / ⌥ + Shift + ⌘ + 0 — reset scale

# Home Tab

In the Home tab, you can manage your:

• Documents
• Teams and team projects
• Account and profile information

The Home tab opens up when you start Lunacy if you don’t have any previously opened documents in the app. Otherwise, you’ll see your most recently edited document on startup.

You can access the Home tab from within a document by clicking on the menu bar.

These are the main sections of the Home tab:

1. The Sidebar. Access your account page, navigate through documents, and manage your team projects. At the bottom of the sidebar, you will find links to the onboarding tutorial, Lunacy documentation, and social media.
2. Action Bar. Use it to create, open, and import documents. Switch between grid and list views, and sort documents as you like. Use the Search field to find documents.
3. Document Viewer. This section of the Home tab displays previews of your documents and team projects.

# Working with documents

The Home tab makes it easy to create, manage, and organize all of your personal and team documents.

# Creating documents

To create a new document, use any of the following ways depending on the document type:

	Local	Cloud
On the Home Tab, click	New Document	New Cloud Document
On the menu bar, select	File → New Document	File → New Cloud Document
Anywhere in Lunacy, press	Ctrl + Shift + N / ⌘ + Shift + N	Ctrl + N / ⌘ + N
At the top of the screen, click	+ (on the right of the document tabs)

# Opening documents

To open a cloud document, click on its thumbnail on the Home tab.

As for other options, use any of these to open local documents:

• Press Ctrl + O / ⌘ + O.
• Click the Open button on the action bar.
• Click File → Open on the menu bar.

Supported formats include sketch, svg, png, jpg, jpeg, bmp, webp, ico, and gif.

To open a cloud document shared with you:

1. Copy the link to the document.
2. Press Ctrl + V / ⌘ + V anywhere in the app.
3. Click File → Open URL From Clipboard.

# Importing documents

You can import:

• Local .sketch documents to Lunacy Cloud
• Figma documents to local .sketch documents (which you can then upload to Lunacy Cloud)

# Importing local .sketch files to cloud

• In the action bar, click Import to Cloud.
• At the top right corner of a local document, click .

# Importing Figma documents to .sketch

1. In Figma, set your file’s sharing options to Anyone with the link → can view/edit.
2. Copy the link to the file.
3. Use Ctrl + V / ⌘ + V anywhere in the Lunacy app to open it.

To import private Figma files, you’ll have to enter its link as well as a personal access token generated in Figma for third-party app integrations.

To generate a personal access token in Figma:

1. Click your profile icon in the file browser and choose Settings.
2. Scroll down to the Personal access token section.
3. Enter a brief description for the token, and press Enter.
4. Copy the token and return to Lunacy.
5. Click Import from Figma or File → Import from Figma in the menu bar and enter the file’s share link and the personal access token in the corresponding fields:

# Browsing documents

In the sidebar, your documents are divided into three categories:

• Recent. All of your local and cloud documents, as well as documents shared with you by others.
• My Cloud. Your cloud documents.
• Deleted. Deleted cloud documents.

In any of these sections, you can right-click on a document preview to open the context menu:

To search for documents by keyword, use the search field in the action bar:

Use the buttons on the right of the search bar to sort documents and switch views.

# Managing teams and projects

You can create teams for collaborating with others. Create projects inside teams and use them like folders to organize your documents.

Read more about teams and projects.

# Account and profile

Log in to your account to get full access to our graphics, create teams and projects to collaborate with other people, and share your portfolio online.

# Logging in to your account

In the Home tab, click Log In at the top of the sidebar. Use your existing Icons8 account or via another service:

To create a new account, click Register.

# Account information and actions

Once you’re logged in, you will see your profile page:

Use it to:

• Manage your profile information
• Publish documents to your web profile
• Subscribe to paid plans
• Log out and delete your account

# Managing your profile

Edit your name, profile description, and profile picture.

Your profile information shows up here and is visible to people with access to your cloud documents, as well as the the members of your team.

# Publish documents to your web profile

Personal cloud documents show up on your profile page in the app with a Publish/Unpublish button. Click it to add or remove documents from your web profile, a public page where you can showcase your designs.

Use it as a portfolio of your works:

1. Click at the top right corner of your profile page.
2. Select Web Profile. This will open your public web profile in the browser.
3. Copy the link in the address bar.
4. Share it anywhere you like!

# Subscribe to paid plans

Icons8 graphics are free for personal and commercial use as long as you include an attribution link to us.

SVG files and high-resolution photos are unavailable on the free plan. To get these options and use our graphics without mandatory attribution, consider a paid graphics subscription.

You can also upgrade to a cloud or team plan for more freedom with cloud documents, team creation, and document management.

Read more about the subscriptions we offer.

You can also access the list of our graphics subscriptions by Unlock All Assets on your profile page, then See Pricing. To see all product and subscription options available to you, as well as your Downloads (assets you’ve previously downloaded), click and select Billing.

# Log out and delete your account

Exit your account by clicking the Log out button at the top right corner of the account page. To delete your account, open the context menu and click Delete account.