From 7181b87e089d976bae40f2caf3b62b20e1aa9c76 Mon Sep 17 00:00:00 2001 From: Louise Amber Date: Fri, 9 Jun 2023 10:29:28 +0300 Subject: [PATCH] edits to sections and rn --- docs/autolayout.md | 23 +++++++++++------------ docs/basics.md | 24 ++++++++++++------------ docs/export.md | 18 +++++++++--------- docs/release-notes/index.md | 15 ++++++++++++++- 4 files changed, 46 insertions(+), 34 deletions(-) diff --git a/docs/autolayout.md b/docs/autolayout.md index b3756b717..bf9373e86 100644 --- a/docs/autolayout.md +++ b/docs/autolayout.md @@ -37,7 +37,6 @@ The option to enable auto layout appears in the -### Resizing options +#### Resizing options Determine how the container frame responds to changes made to layers inside it: * Set height or width (or both) **Hug** if you want the frame to be resized depending on the size of its contents. * Use the **Fixed** option if you want the frame to remain unchanged regardless of the size of its contents. -### Layout orientation +#### Layout orientation Set a **vertical** or **horizontal orientation** for elements in an auto layout. Vertical orientation arranges elements along the **Y axis**, and horizontal orientation places them on the **X axis**. @@ -107,7 +106,7 @@ Set a **vertical** or **horizontal orientation** for elements in an auto layout. To combine both these options, you’ll need to nest auto layout frames in a larger frame. -### Alignment controls +#### Alignment controls Align your layers within the auto layout. Since alignment options will be determined by auto layout settings, this section of the right panel will be unavailable: @@ -120,7 +119,7 @@ Change alignment by: -### Element spacing +#### Element spacing Define the spacing between elements in an auto layout by: @@ -131,15 +130,15 @@ Define the spacing between elements in an auto layout by: -### Padding +#### Padding Determine the distance from elements to the borders of the container frame. Adjust the value in the right panel just like with element spacing. -### Lock/unlock right and bottom padding +#### Lock/unlock right and bottom padding When you change left or top padding, right and bottom padding will mirror the new values. Click to change padding for individual sides. If you lock the padding again (click ) 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 +#### Distribution options Control the way elements are distributed within the auto layout: - With the **Packed** option active, you can freely change the spacing between elements and the padding around them. @@ -147,13 +146,13 @@ Control the way elements are distributed within the auto layout: -### Stacking behavior +#### Stacking behavior Determine how elements are stacked when spacing between them is negative. This is useful for designing elements that may overlap in a layout: avatar pictures, images, slides, cards, and so on. The default stacking option is **First on top**, meaning that the top layer in the Layer list will be placed first in a stack. To reverse the order, set this option to **Last on top**: -### Border inclusion +#### Border inclusion Include or exclude borders from an auto layout. This is useful when, for instance, you have shapes with thick borders in your design: you can set auto layout to apply to just the shapes while ignoring their borders. If borders are included, they will be considered as parts of the shapes: @@ -163,11 +162,11 @@ Include or exclude borders from an auto layout. This is useful when, for instanc

Note: This setting only affects the borders of the elements inside the auto layout, not the borders of the container frame.

-### Remove auto layout +#### Remove auto layout Remove the auto layout from the frame. The spacing and padding you applied to the frame using auto layout will remain, but all other auto layout settings will be removed. -### Individual layer properties +#### Individual layer properties You can also **change the properties of layers** within your auto layout. To do this, select a layer to open up its individual Auto layout properties. diff --git a/docs/basics.md b/docs/basics.md index 47f0c7041..7ab48c3af 100644 --- a/docs/basics.md +++ b/docs/basics.md @@ -26,7 +26,7 @@ Learn more about Lunacy's features, interface capabilities, and useful tips and ## [Working with the canvas](#working-with-the-canvas) -### Navigation +#### Navigation If your design is taking up too much space on the canvas, use the mouse wheel to scroll vertically. To scroll horizontally, additionally hold down `Shift`. @@ -37,7 +37,7 @@ Another way to navigate the canvas is to hold down `Space` to activate the **Han You can always use the scroll bars on the right and bottom of the workspace, but it's not as convenient as the other options. -### Zooming in and out +#### Zooming in and out The easiest way to **zoom in and out** in Lunacy is by holding down `Ctrl` / `⌘` and moving the mouse wheel. To **zoom slower**, additionally hold down `Shift`. @@ -50,7 +50,7 @@ When the zoom value exceeds 500, Lunacy displays a **pixel grid**. If you want t Find out about other [zooming options](#zooming-options). -### Changing the canvas color +#### Changing the canvas color 1. Deselect all layers. 2. Use the **Workspace color** control in the right panel. @@ -90,7 +90,7 @@ You can also use the **Linked Design** option to include embed links to Lunacy l The **Code** tab displays the code corresponding to your layers. -### Right panel properties with no selected layers +#### Right panel properties with no selected layers When all layers are deselected, the right panel shows these settings: @@ -103,7 +103,7 @@ When all layers are deselected, the right panel shows these settings: If you need more space, you can hide the right panel panel by selecting **View** > **Right Panel** on the menu bar. -### Changing values in the right panel +#### Changing values in the right panel To **change values in the right panel** input fields: @@ -118,13 +118,13 @@ To **change values in the right panel** input fields: **Rulers** and **guides** help to position and align layers. -### [Rulers](#rulers) +#### [Rulers](#rulers) Rulers are enabled by default and use pixels as a measurement unit. They appear at the top and on the left side of the canvas. To toggle rulers on and off, use the `Ctrl + R` / `⌘ + R` shortcut or select **View** > **Rulers** on the menu bar. -### [Guides](#guides) +#### [Guides](#guides) To create a guide, click anywhere on a ruler and drag the guide onto the canvas. You can now position layers along the guide. Moving a layer close to it snaps the layer to the guide. @@ -140,7 +140,7 @@ You can also open up all of these guide settings by right-clicking over a ruler: Lunacy has **square** and **layout grids**. If needed, you can display both of them at the same time. -### [Square grid](#square-grid) +#### [Square grid](#square-grid) If there are no frames on the canvas, Lunacy displays a square grid. Toggle it on and off by clicking the **Show/Hide grid** button on the right panel or pressing `Ctrl + '` / `⌘ + '`. @@ -153,7 +153,7 @@ To set the size of grid cells, enter the desired value in the **Grid size** fiel -### [Layout grid](#layout-grid) +#### [Layout grid](#layout-grid) Layout grids are useful for positioning design elements within your [frame](#frames). If you have several frames on a page, you can toggle layout grids on and off for them just like with sqaure grids, using the corresponding button in the right panel. @@ -166,7 +166,7 @@ Each frame can have its own layout grid settings: Lunacy has a variety of options for measuring distances between elements. The measurement option depends on whether a layer is distinct, grouped with other layers, or nested in a frame. -### Individual layers +#### Individual layers To **measure the distance between two layers**: @@ -189,7 +189,7 @@ You can also use this function to **position layers in a precise location or rel -### Grouped layers +#### Grouped layers Use the steps described above to measure the distances between: @@ -275,7 +275,7 @@ These options are also accessible through the **View** section on the menu bar: -### [Show pixels on zoom](#show-pixels-on-zoom) +#### [Show pixels on zoom](#show-pixels-on-zoom) By default, Lunacy displays the canvas in the **vector mode**, which means that all layers (except for rasterized ones) will preserve their quality regardless of the zoom value. If you need to see individual pixels, you can use the **Show pixels on zoom** button. It displays pixels when the zoom value exceeds 100. diff --git a/docs/export.md b/docs/export.md index 05de10625..1f340b193 100644 --- a/docs/export.md +++ b/docs/export.md @@ -76,35 +76,35 @@ With a layer selected, you will see these settings: -### Export size +#### Export size By default, Lunacy exports layers at their original size (**1x**). You can change it to any of the preset scales or set your own (e.g., 8x, 10x, or 0.3x). -### Prefix/Suffix +#### Prefix/Suffix Defines the suffix or prefix of the export's file name. For any export size larger than 1x, Lunacy generates a default a default `@` suffix, but you can enter your own in the input field (use only letters and numbers). -### Format +#### Format Choose any of the available export formats. When exporting to `SVG` or `PDF`, you won’t be able to adjust the export size. It will be 1x by default. -### Publish to Web +#### Publish to Web Publish any layer to **Lunacy Cloud** and get a shareable link to it. Read in detail about [working with cloud uploads](#cloud-export). -### Show all cloud uploads +#### Show all cloud uploads Click next to the **Export** section title to open up the **Cloud Uploads** subsection. -### Add export option +#### Add export option Click `+` to add another export option. This lets you export the same element in different formats, sizes, and other settings. -### Remove export option +#### Remove export option Click next to an export option to remove it. -### Additional export options +#### Additional export options Click to open up additional export options. Here, you can: - Choose a preexisting export preset. @@ -122,7 +122,7 @@ An **export preset** defines specific export settings that you can reuse across Presets are especially useful when, for example, you consistently need to export UI prototypes in specific formats and sizes for your clients, you won't need to manually adjust the settings each time you export the designs. -### Creating an export preset +#### Creating an export preset You can do this by: diff --git a/docs/release-notes/index.md b/docs/release-notes/index.md index 99c32eb27..b19d302a9 100644 --- a/docs/release-notes/index.md +++ b/docs/release-notes/index.md @@ -74,9 +74,22 @@ Available for Microsoft Store \| [Installer](https://lcdn.icons8.com/setup/LunacySetup_9.1.1.exe) +* App Store \| [Installer](https://lcdn.icons8.com/setup/Lunacy_9.1.1.dmg) +* Snapcraft \| [Installer](https://lcdn.icons8.com/setup/Lunacy_9.1.1.deb) + +### Fixed issues + +- Linux issues fixed + ## 9.1 *Release date: May 31, 2023*