Designers appreciate Figma for its simple and clear interface, but even this tool has a lot of cool features you might not know about. Thanks to these chips, you will be able to create designs as perfect as those of games at https://ivibet.com/no. How to simplify your work on a layout with the help of different useful chips?
Quick Text Alignment
You can align text not only with the buttons on the toolbar but also with a combination of hotkeys. So you are not distracted by switching between keyboard and mouse, and work on the layout is faster.
- Left alignment: Ctrl+Alt+L (Cmd+Opt+L on Mac)
- Right alignment: Ctrl+Alt+R (Cmd+Opt+R on Mac)
- Center Alignment: Ctrl+Alt+T (Cmd+Opt+T on Mac)
- Width alignment: Ctrl+Alt+J (Cmd+Opt+J on Mac)
Element Alignment
Sometimes you need to place several elements on the same edge or in the center of the frame. Dragging and dropping each object separately takes a long time, and doing it exactly by eye is a challenge with an asterisk. Everything is much easier with the “Align” tool: select the objects and press the necessary key combination.
- Left-align: Alt+A (Opt+A on a Mac)
- Right Alignment: Alt+D (Opt+D on Mac)
- Align to top edge: Alt+W (Opt+W on Mac)
- Align to the bottom edge: Alt+S (Opt+S on Mac)
- Horizontal Center Alignment: Alt+H (Opt+H on Mac)
- Vertical Center Alignment: Alt+V (Opt+V on Mac)
Pipette
It’s forgotten about or rarely used, but it’s convenient to use another color on the selected element, taking it from a neighboring layout. Otherwise, you have to select a second object, copy the color, and paste it into the layout you’re editing.
To see how the color of an element changes, select it, turn on the dropper (I key), hold down the left mouse button, and move the cursor over the layout.
Pencil
This tool comes in handy for quick marks on the layout. Press Shift+P to activate it. If you are constantly circling, underlining, and crossing out something, a pencil helps here.
Customizing Animation Inside the Component
In order not to multiply layouts with the same animation, you can put it into a component.
The same animated elements can be repeated in one prototype: buttons, checkboxes, and toggles. If you create a component from such an element, you can easily use it anywhere. And when you need to slightly change the animation, it will be enough to edit only the master component. The changes will appear on all screens.
Renaming Frames
When you need to rename a large number of frames that are similar in meaning, just select them and press Ctrl+R (Cmd+R on Mac). A window will pop up where you can set additional parameters. And if you want to change the name of a single frame, just double-click its name in the workspace.
Paste With Style Adaptation
Normal paste (Ctrl+V or Cmd+V) simply pastes the copied object with its style and properties intact. Paste via the Alt+Shift+Ctrl+V key combination (Opt+Shift+Cmd+V on a Mac) transforms the object to fit the style of where you place it.
Suppose you’re working on an interface design and you have text styled for a header in one part of the document. If you want to insert the same text somewhere else and adapt it to a different style, do it with this command-the text will automatically adopt the style of the new section.
Spotlight Plugin
The Spotlight feature comes in handy when discussing a project together. It allows you to connect team members to the file so that they can follow your actions in the workspace. You turn on the plugin, and the whole team pulls into one area and sees your screen. And if someone has a question or comment, they can bring it to your attention by clicking Spotlight me.
Switching Between Layers
You can quickly move to the next layer within a frame using the Tab key and return to the previous layer using the Tab+Shift combination.
Boolean Property
This is a useful tool when you need to design several variants of one object. For example, make a design of one button with different elements. To avoid creating a lot of components, use boolean properties. The trick of this function is that it combines many components into one. So you get one component with variants, between which you can switch with a single click.
