![]() ![]() When all layers are deselected, the right panel shows these settings: Right panel properties with no selected layers The Code tab displays the code corresponding to your layers. Learn more about linked design in this section. You can also use the Linked Design option to include embed links to Lunacy layers directly into website code: when you update them in Lunacy, they’ll be automatically updated on your website. Shows the colors and fonts used in selected layers.Ĭlick on the Export tab to open up export settings for your entire project or click individual/multiple layers to export just them. Activate prototyping options and turn your static designs into interactive prototypes. Add effects (shadows, blurs) to your layers. Set the overall opacity of a layer and its blending mode.Įffects. The Style section displays the styles applied to your layer (text styles, color styles, effect styles, etc.) You can add styles from UI kits, create your own, and detach layers from applied styles. Create new component states, switch between them, and detach instances from main components. ![]() Rotate your layers and change their corner radius properties.Ĭomponent options. Controls vary depending on the selected layer. Use the buttons next to the position controls to flip your images and toggle the lock button on and off to preserve aspect ratio when resizing. Change the size of your layers and their position on the canvas. These properties are universal for almost all layer types: Right panel propertiesĪlignment and distribution controls appear when you select two or more layers. The set of controls and settings it displays depends on the type of the selected layer. The Design tab is the one you’ll interact with the most when working on your designs. There are three tabs at the top of the right panel: Design, Export, and Code. You’ll see a checkerboard pattern instead of a fill. You can also set the canvas color opacity to 0 so it becomes transparent. Press to reset the canvas to the default color. Use the Workspace color control in the right panel.Deselect all layers on the canvas and clear the Show pixel grid checkbox in the right panel.įind out about other zooming options.In the menu bar, select View → Pixel grid.When the zoom value exceeds 500, Lunacy displays a pixel grid. ![]() To zoom slower, additionally hold down Shift. The easiest way to zoom in and out in Lunacy is by holding down Ctrl / ⌘ and moving the mouse wheel. 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. To scroll horizontally, additionally hold down Shift.Īnother way to navigate the canvas is to hold down Space to activate the Hand tool and drag the canvas to wherever you need. If your design is taking up too much space on the canvas, use the mouse wheel to scroll vertically. Learn more about Lunacy’s features, interface capabilities, and useful tips and tricks to speed up your design process. An overview of Lunacy's basic features and capabilities ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |