Figma

Auto layout is a feature in Figma that allows you to quickly and easily resize and position elements on your canvas using constraints. This can be especially helpful when creating responsive designs, or designs that need to adapt to different screen sizes. With auto layout, you can create responsive layouts without having to manually resize

Auto Flow is a feature in Figma that allows you to automatically create layouts for your design projects. With Auto Flow, you can quickly and easily generate layouts for your designs, without having to manually create them yourself. Auto Flow is a great time-saving tool that can help you quickly and easily create complex layouts

When you first open Figma, you’re presented with a blank canvas – your Workspace. This is where you’ll spend most of your time in Figma, creating and collaborating on designs. Think of your Workspace as a digital blank canvas where you can freely experiment with design ideas. It’s a place for you to explore, iterate

In Figma, a vector node is a point in the vector path that you can edit. To edit a vector node, simply click on it with the Selection Tool (V) and then drag it to where you want it to be. Alternatively, you can double-click on a vector node to open the Vector Node Edit

A token is a design element in Figma that you can use to quickly change the appearance of an entire component. For example, you can use a token to change the font size or color of all the text in a button at once. Tokens are incredibly useful for keeping your design consistent, and they

A style guide is a document that outlines the rules and standards for the design of a product, system, or service. It can be used to ensure that all designers and developers are working with a consistent set of colors, typography, iconography, and other elements. Why Use a Style Guide? There are many benefits to

If you’ve ever used Figma, you know that it’s an incredibly powerful design tool. One of the things that makes Figma so powerful is its use of nested components. In a nutshell, a nested component is a component that contains other components. For example, you might have a button component that contains a text layer

A frame is an area that you can define on a Figma canvas. It can be used to group elements together, or to set the size and position of an element on the canvas. Frames can be nested inside other frames, and can be aligned to other elements on the canvas. There are two types

A Figma prototype is an interactive simulation of a design that allows you to test out the flow of your app or website. Prototypes can be created for both web and mobile applications. Figma prototypes can be shared with others for feedback and collaboration. Figma prototypes are created by first creating a frame. Frames are

A figma plugin is a bit of code that can be added to a Figma file to extend its functionality. Plugins can be used to automate repetitive tasks, add new features, or even just to make a file look nicer. There are two ways to add plugins to Figma: through the web interface or by