Introduction

Figma is a vector graphics editing software that can run smoothly on all mainstream operating systems, whether it is Mac OS, Windows, Linux, or Chrome OS. The web-based model of Figma greatly facilitates the demand for collaborative work, with advantages such as no download, no installation, online editing, convenient management, synchronous collaboration, and minimal resource utilization. Therefore, it has been recognized by more and more users, and its development momentum is likely to catch up with Sketch.

basic function

Style:

In Figma, reusable styles can be created, such as grids, colors, effects, and text. For example, a grid is composed of total width, columns, sinks, and margins. When we create a grid, we can create a reusable grid by clicking on the plus sign on the right。

Assembly:

In Figma, by selecting an element and clicking on the create a component icon at the top, you can create a main version (Mac shortcut: command+option+k). After selecting multiple elements, you can create multiple components by clicking on the dropdown icon in the top component。

Variant:

In short, a variant is a super component (a.b.1.2. By categorizing multiple components (a.b.1.2...) together, the designer can ultimately achieve simultaneous switching of Aa.Ab.A1.A2 by calling A

Automatic layout:

Automated layout refers to the fact that when a child element increases or decreases, the size of the parent element will automatically change, or when the parent element changes, its child elements will automatically change according to rules. Using automatic layout can greatly reduce repetitive work (spacing calculation, element calibration), and also frame the U design draft, helping us draw the interface from a development perspective, which helps improve the interface restoration degree。

Baidong part:

An intersection component refers to a prototype intersection that can be created in various variables within the component set. When creating a good interaction component, it is possible to switch between different states of the component on the preview interface and interact with the component。

Featured features

Historical Version:

 Figma can automatically save the last 30 days of history, so designers can freely think and conceive, and can always revert to the previous version。

Grid system:

In Fiqma, we can add grids to pages (i.e. frames) and components, and grids can add grids, rows, and columns. Adding a grid to a page can help you align elements, but I usually add a column grid because it helps me arrange elements into evenly divided columns and maintain element gaps。

Plugin library:

Fiqma's plugin library is currently undergoing rapid updates and growth, and more and more developers are injecting their ideas into Fioma. Compared to the traditional method of installing and updating plugins like Sketch, Figma's web-based advantages are also reflected. You can search directly in the component menu, click lnstall, and wait for the installation to be completed. Then, on the dashboard page, you can directly select and call the downloaded plugin from the menu bar on the left。