How to use the Figma plugins

Run a plugin from the @uwarp profile, then follow the steps for that tool. The same file keeps a relaunch button after the first run.

Open a plugin

  1. Open a Figma or FigJam file.
  2. Open Plugins from the toolbar and search for the plugin name, or start from its Community listing.
  3. Run it. The panel opens inside the file.
  4. After the first run, the file keeps a relaunch button with the plugin name.

UCharts

Line, bar, area, pie, scatter, and radar charts inside a Figma file.

  1. Pick a chart type: line, bar, area, pie, scatter, or radar.
  2. Paste data, or upload a CSV or XLSX file.
  3. Adjust colors, fonts, and labels.
  4. Click Apply. The plugin places the chart on the canvas as an SVG.
  5. Select that chart and run UCharts again to edit it.

Figma CommunityOn this site

Design System Hub

A curated library of UX design systems and Figma libraries.

  1. Browse the list of design systems in the panel.
  2. Open a card to read the short description.
  3. Use Visit site to open that system in a new tab.

Figma CommunityOn this site

Font Replacer

Swap font families and update typography across a file.

  1. Select at least one text layer, or a frame, section, or group that contains text.
  2. Set the scope to Selected object, Current page, or Entire file.
  3. For each source style, pick a target font and style.
  4. Click Change. The panel confirms with Change done.

Figma Community

Excalidraw to Figma

Import hand-drawn diagrams, sketches, and flowcharts.

  1. Draw on the canvas in the plugin panel: shapes, arrows, and text.
  2. Place the drawing into the file. The plugin inserts it as an SVG and closes.

Figma CommunityOn this site

Logo Hunter

Search app icons and place them on the canvas.

  1. Search for an app or game name.
  2. Choose a store region when you need icons from a specific market.
  3. Click a result to place the icon, or drag it onto the canvas.

Figma CommunityOn this site

Line Chart Generator

Build line charts and area charts from your data.

  1. Choose a line chart or an area chart.
  2. Add your data in the editor.
  3. Click Apply. The plugin places the chart on the canvas as an SVG.
  4. Select that chart and run the plugin again to edit it.

Figma Community

Text Editor

Bulk-edit text, fonts, and colors in one pass.

  1. Use Replace Text to change copy, a font, or a color. Set the scope to Selection, Current Page, or Entire file.
  2. Enter the source text. Choose Text, Font, or Color, then fill in the replacement.
  3. Click Find and Replace.
  4. Use Insert Text to add a string at the beginning, at the end, or at a custom match.

Figma Community

Widgets sit on the FigJam canvas. Add one from the widgets menu, then use the controls on the widget.

UCharts

Charts for FigJam, including line, bar, pie, and sankey.

  1. Add the widget to a FigJam board.
  2. Open the property menu and choose Edit to change the chart. The widget updates in place.
  3. Choose To Frame when you want a frame copy, or Use Plugin to open the UCharts plugin.

Figma Community

Artboard

Hand-drawn whiteboard and diagrams in FigJam.

  1. Add the widget to the board.
  2. Open the property menu and choose Edit.
  3. Draw in the panel. When you place the drawing, the widget updates.

Figma Community

Font Awesome Icons

Font Awesome icons as a FigJam widget.

  1. Add the widget to the board and click it to open the icon browser.
  2. Search for an icon.
  3. Click it or drag it onto the canvas to place the SVG.

Figma Community

Bar Chart

A bar chart widget for Figma and FigJam.

  1. Add the widget to the board.
  2. Open the property menu and choose Edit.
  3. Update the chart in the panel. The widget refreshes when you apply it.

Figma Community

The other editor has its own guide: Adobe Express add-on guide.