Figma is already a capable design tool on its own. But one of the things that makes it genuinely powerful is its plugin ecosystem. Plugins let you extend what Figma can do without leaving the app. You can import websites as editable designs, generate wireframes with AI, bend text into curves, automate user flow diagrams, and much more. All of it is available directly inside Figma through the community plugin library. This guide shows you exactly how to add plugins in Figma and how to start using them in your designs.
What Are Figma Plugins?
Figma plugins are tools built by the community and by third-party developers that add extra functionality to the Figma editor. They run directly inside Figma and can interact with your design files in real time.
Some plugins automate repetitive tasks. Others bring in external data, generate design elements, or prepare files for print. The range is broad. There are free plugins and paid ones. Some of the most widely used ones, like html.to.design, Autoflow, and Wireframe Designer, have millions of users between them.
Plugins are different from Figma's built-in features. They are not installed on your computer. They run in Figma's cloud environment, which means they are always up to date and available on any device where you use Figma.
Where to Find Figma Plugins
Figma has a dedicated community plugin library built directly into the app. You can browse it by category, filter by trending or most popular, or search for something specific. The library is the same one shown in the Figma Community page under the Plugins section.
The featured plugins section shows what is currently trending, most popular, and available for free. Categories include Accessibility tools, Editing and effects, and Development plugins, among others. This makes it easy to find plugins relevant to your specific type of work without needing to know the exact name of what you are looking for.
How to Add Plugins in Figma
Adding a plugin in Figma takes under a minute. There are two main ways to do it depending on whether you are inside a design file or browsing the community.
Adding a Plugin From Inside a Figma Design File
This is the fastest way to find and install a plugin when you are already working on a design.
- Open any design file in Figma. At the top left of the screen, click the Figma logo icon (the main menu). A dropdown menu will appear with several options.
- In that menu, hover over Plugins. A submenu will slide out showing your recently used plugins and an option to find new ones.
- Click Manage plugins or Find more plugins. This opens the plugin search panel on the right side of the screen. You can type in the name of a specific plugin or browse by category.
- When you find a plugin you want, click on it to see its details page. You will see a description, user count, rating, and whether it is free or paid.
- Click the Run button to try it immediately, or click the Save button to add it to your saved plugins list for quick access later. Some plugins require you to run them directly without a separate install step. They become available in your Plugins menu automatically after you interact with them.
Adding a Plugin From the Figma Community Page
If you prefer to browse plugins outside of a design file, you can use the Figma Community page.
- Go to figma.com and sign in to your account. In the left sidebar, click Community. This opens the Figma Community where you can explore plugins, templates, and UI kits.
- At the top navigation, click Plugins. You will land on the Plugins page shown in your screenshot, with featured plugins at the top and category browsing below.
- Browse the featured section or scroll down to explore by category. The Trending, Most popular, and Free plugins tabs at the top of the featured section let you filter what you see quickly.
- When you find a plugin you want, click Try in... next to it. This opens a small popup asking which Figma file you want to open the plugin in. Select a file and click Open. Figma will open that file and launch the plugin immediately.
- After running a plugin once from the community page, it will appear in your Plugins menu inside Figma for quick access in future sessions.
How to Run a Plugin Inside Figma
Once you have found and saved a plugin, running it is straightforward.
- Open a Figma design file. Click the Figma logo at the top left to open the main menu.
- Hover over Plugins. Your saved and recently used plugins will appear in the submenu.
- Click the plugin you want to run. It will open as a floating panel inside your design file. From there, follow the plugin's own interface to use it.
Some plugins work on selected layers or objects. If a plugin does not seem to be doing anything, check that you have selected the relevant element on your canvas first before running it.
You can also access plugins faster by right-clicking anywhere on the canvas. The context menu that appears includes a Plugins option that gives you quick access to your saved plugins without going through the main menu.
How to Manage Your Saved Plugins in Figma
Over time you will build up a collection of plugins. Figma gives you a simple way to manage them.
- Click the Figma logo at the top left of any design file. Hover over Plugins, then click Manage plugins.
- The plugin management panel shows all your saved plugins. You can remove any plugin from this list by clicking the three-dot menu next to it and selecting Remove.
- Plugins you remove from your saved list are not uninstalled in any permanent sense since they do not install locally. You can always find them again in the community and run them when needed.
Popular Figma Plugins Worth Trying
Based on what is currently trending and widely used in the community, here are a few plugins that are worth knowing about.
html.to.design is one of the most used plugins in the entire Figma ecosystem. It converts any live website into fully editable Figma designs by importing the HTML and CSS. This is useful for designers who need to recreate or audit an existing site without building it from scratch.
Autoflow draws flow arrows and diagrams between your frames automatically. Instead of manually connecting screens with arrows to document user flows, you select two frames and the plugin handles the rest. It supports hand-drawn and minimal styles.
ARC lets you curve text upward, downward, or into a circle. This is a simple but frequently needed capability that Figma does not include natively, and ARC handles it cleanly.
Wireframe Designer uses AI to generate wireframe layouts from your prompts. If you need a quick structural layout to start a design, this plugin can produce a rough wireframe in seconds that you can then refine.
SkewDat lets you skew any layer or group while keeping all layers intact. This is useful for creating perspective effects and mockups without distorting individual elements incorrectly.
The Difference Between Free and Paid Figma Plugins
Most plugins in Figma display whether they are free or paid clearly on their listing. Paid plugins typically require a separate subscription or one-time purchase through the developer's own website. Figma itself does not process payments for plugins directly. When you try a paid plugin, it will usually run in a limited mode or show a prompt directing you to the developer's site to purchase access.
Free plugins work immediately with no additional steps. The quality of free plugins varies widely, but many of the most popular ones in the community are completely free and actively maintained.
Final Thoughts
Adding plugins in Figma is one of the quickest ways to get more out of the tool without any learning curve. The process takes less than a minute and the community library has thousands of options covering almost every design need. Start by browsing the trending and most popular sections to get a sense of what experienced designers rely on, then save the ones that fit your workflow. Over time, a small collection of well-chosen plugins can meaningfully speed up how you work inside Figma.
Frequently Asked Questions
How do I add plugins in Figma?
You can add plugins in Figma by clicking the Figma logo in the top left of any design file, hovering over Plugins, and selecting Find more plugins. Alternatively, visit the Figma Community page, click Plugins, find what you want, and click Try in... to open and run the plugin in a design file directly.
Are Figma plugins free?
Many Figma plugins are completely free. Others are paid and require a separate purchase through the plugin developer's website. Each plugin listing clearly shows whether it is free or paid before you try it.
Do Figma plugins install on my computer?
No. Figma plugins run inside the Figma cloud environment and do not install locally on your computer. This means they are always up to date and available on any device where you use Figma, without any manual updates or downloads required.
How do I access plugins I have already used in Figma?
Plugins you have run previously appear in the Plugins submenu inside any Figma design file. Click the Figma logo at the top left, hover over Plugins, and your recently used and saved plugins will appear there for quick access.
Can I remove a Figma plugin?
Yes. Click the Figma logo, hover over Plugins, and click Manage plugins. Find the plugin you want to remove, click the three-dot menu next to it, and select Remove. This removes it from your saved list but does not permanently uninstall anything since plugins do not live on your device.
Discussion (0)
Be the first to comment.