---
title: "How to Use Figma"
h1: "How to Use Figma"
description: "Discover how to effectively use Figma with our comprehensive guide. Learn tips, tricks, and best practices to enhance your design workflow today."
route: "/learn/how-to-use-figma"
canonical: "https://www.layerpath.com/learn/how-to-use-figma"
---

# How to Use Figma

Follow these steps to use figma and create a rectangle in Figma and export it. This guide will walk you through each step of the process, from creating the rectangle to adding effects and exporting the final design.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm9h9ov33009ll10d6nhz8b9a/tour

Tour id: cm9h9ov33009ll10d6nhz8b9a

1. **Sign Up or Log In** – Go to [figma.com](https://figma.com/), create a free account or log in if you already have one.
2. **Create a New File** – From the Figma dashboard, click on **“New Design File”** to start designing.
3. **Understand the Interface** – Get familiar with the **Layers panel (left)**, **Toolbar (top)**, **Canvas (center)**, and **Properties panel (right)**.
4. **Start Drawing** – Use tools like **Frame (F)**, **Rectangle (R)**, **Text (T)**, and **Pen (P)** to create your design.
5. **Add Styles** – Apply colors, gradients, strokes, shadows, and effects using the right-hand panel.
6. **Use Components** – Turn repeated elements into **components** for easy reuse. Use `Ctrl + Alt + K` (Windows) or `Cmd + Option + K` (Mac).
7. **Collaborate in Real-Time** – Share your file link with teammates and work together live in the same design.
8. **Preview & Prototype** – Use the **Prototype** tab to link screens and create interactive flows. Press **Play** to preview.
9. **Export Assets** – Select elements, click **Export**, and choose your desired format (PNG, JPG, SVG, etc.).
10. **Done** – You’re now designing like a pro in Figma 🚀