Use widgets in FigJam files
- Widgets are available in FigJam only.
- Supported on any team or plan.
- Anyone who is logged in and has can edit access can insert and use widgets.
- Anyone can insert widgets during an open session they were invited to, even if not logged in to Figma.
Widgets are custom interactive objects for FigJam files. They allow you to level up your jam sessions with new tools, data from external applications, or new ways to play.
Here are a few ways you can use widgets in FigJam:
- Import CSVs to create tables, or to transform the data into interactive visualizations.
- Place polls and voting counters to gather insight from your company on a product idea.
- Build a project timeline with other teammates in a calendar widget.
- Create pre-styled mind maps and organization charts quickly.
- Take a break and play connect four or chess with a teammate in FigJam.
Widgets live on the board for everyone to see and interact with. You can add as many widgets to the board as you want, and move and reposition them, like any other FigJam object.
Learn more about the process of making widgets and explore widget's developer docs.
Insert widgets
Unlike plugins, you don’t need to install a widget to use it. To user and interact with widgets, you insert them into FigJam files. You can also install widgets ↓, to make it easier to find and insert them again.
You can find and insert widgets from any FigJam file:
-
Find and browse widgets using any of these methods:
- Click in the toolbar and select Widgets.
- Right-click the board and select Widgets > Browse widgets
- Open the menu and select Widgets > Browse widgets
- Use the shortcut to open the quick actions bar and search Browse widgets.
- Mac: Ctrl Shift ?
- Windows: Ctrl + Shift + ?
-
Find your widget from any of the sections in the Widgets tab or look it up in the Search bar.
-
Once you've found the widget you want, drag the widget thumbnail and drop it into the file. If you have the widget detail open, click Add.
Install widgets
Installing a widget makes it easier to find and insert it again. Installed widgets are available in FigJam files across your connected accounts. Find and install widgets from FigJam files or within the Community.
Community
Browse, find, and install widgets in the Figma Community.
- From your account, select Community in the left sidebar or visit figma.com/community/widgets.
- Select the Widgets pill to browse widgets.
- Use the search bar to narrow down your results.
- Click below the widget thumbnail to install a widget.
- To view more details about the widget, click the widget thumbnail. You can then click Install to add the widget to your account.
FigJam files
- Open the toolbox, using any of the following methods:
- Click in the toolbar and select Widgets.
- Right-click the board and select Widgets > Browse widgets
- Open the menu and select Widgets > Browse widgets
- Use the shortcut to open the quick actions bar and search Browse widgets.
- Mac: Ctrl Shift ?
- Windows: Ctrl + Shift + ?
- From the toolbox:
- Use the Recents section to view your recently installed or used widgets.
- Click See all for a category to explore Community widgets.
- Use the Development tab to test your widgets in development.
- Use the Search bar to find specific widgets by name or creator.
- Click Details to learn more about the widget.
- Click the widget thumbnail to add it to your board.
Widget security and performance
Widgets are applications developed by members of the Figma Community. They appear as custom objects on your FigJam board.
Widgets run third-party code and can open iFrames — inline windows that allow widgets to run HTML and JS code, or access external APIs, websites, and resources.
Figma will let you know when you’re interacting with a widget:
- View a widget’s name when you select it on the board
- View a widget’s name and icon at the top of any iFrames
Widgets can also access information about the file and any users in that file:
- All layers and objects that are in the FigJam file
- The user name, ID, and avatar of any users in the file
- Current cursor position of file participants
- Current viewport — the area of the FigJam board that is visible on screen
- The ID of selected layers or objects
If you are in an organization, you can restrict widget use to approved widgets only. When enabled, members can only install and run widgets that organization admins approve. Approve organization widgets
Get help with widgets
Figma is not able to provide support for third-party applications, including widgets.
If you have questions about or issues with a widget, we recommend reaching out to the developer. You can find the Support contact on the widget listing.
To open the widget listing from a FigJam file:
-
Open the toolbox, using any of the following methods:
- Click in the toolbar and select Widgets.
- Right-click the board and select Widgets > Browse widgets
- Open the menu > and select Widgets > Browse widgets
- Use the shortcut to open the quick actions bar and search Browse widgets.
- Mac: Ctrl Shift ?
- Windows: Ctrl + Shift + ?
- Hover over the widget name, and click View details. You can also click and select View details.
- Click See more details in Community. The widget's page will open in a separate tab.
- Find the support contact under Support on the right-hand side.
Report a widget
If you find an inappropriate or suspicious widget, you can report it to the Figma team.
- Open the widget listing in the Community.
- Click the Flag as inappropriate... link on the right-hand side. This will open your computer's default email app and create a new message.
- Add details of your report in your message. Click send to send your message to our widget review team.
Update widgets
Developers may create new versions of their widgets to support new features or functionality. When developers publish updates, Figma will update the widget in the Community as well as in the toolbox.
Figma won’t force an update on any widgets you’ve already inserted. This is to protect any information stored in those widgets — like the data in tables, or vote counts.
You can manually check each widget on your board for updates:
- Right-click on the widget you'd like to update.
- Hover over Widgets at the bottom of the menu.
- If there is an update available, you can select Update widget to latest version.
- Figma will replace the widget with the latest version and copy over any information from the previous version.
If this breaks your widget or deletes any data, you can undo the update using the shortcut:
- Mac: ⌘ Command Z
- Windows: Ctrl + Z
Review the version history of a widget
Widget developers can add a description of their changes when they publish updates. You can use this information to decide if you want to update the widget.
View any widget updates from the widget details in the Community:
- Right-click on the widget.
- Select View widget details.
- Select See more details in Community to open the widget in the Community.
- Scroll down to view any Version history. If you have any questions for the developer, you can leave a comment using the field below.
Uninstall widgets
When you uninstall a widget, Figma will remove it from your connected accounts. You can always install it again in the future. You can uninstall a widget from its listing in the Community:
- Open the widget listing in the Figma Community.
- Hover over the Installed button and click Uninstall.
Remove all widgets from the board
You can remove all widgets from a FigJam file.
- Right-click the board or open the file menu.
- Hover over Widgets.
- Click Select all widgets. This will select every widget in the file.
- Press:
- Mac: Delete
- Windows: Backspace