Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon What are some examples of custom widgets available in FigJam


What are some examples of custom widgets available in FigJam


Here are some examples of custom widgets available in FigJam:

Widget Counter

A simple counter widget that showcases using ``, ``, `useSyncedState`, `usePropertyMenu`, and `onClick`.

Widget Notepad

A widget that showcases the `Input` component to get user input directly on the canvas.

Widget UserBadge

A widget that makes use of `` and `figma.currentUser.photoUrl`.

Widget Table

A simple table widget that showcases `useSyncedMap` to support concurrent updates to the widget and the `key` prop.

Widget Multiplayer Counter

A multiplayer-safe counter widget that uses `useSyncedMap` and `figma.activeUsers.sessionId`.

Widget Toast

Demonstrating how to use a UI to send messages to a widget.

Widget Simple Annotate

A simple widget for creating inline-editable annotations, published to the Figma community.

Widget Stickables

A widget that demonstrates stickable and stickable host functionality.

Widget Document Change

A widget that demonstrates how to listen for document change events in a widget context.

Donut's FigJam Widget

Donut has created a FigJam widget to help teams with creative warm-ups, sharing activities, and design thinking exercises.

These examples showcase the wide range of custom widgets that developers can build to extend the functionality of FigJam. From simple counters to collaborative brainstorming tools, the widget ecosystem allows teams to tailor their FigJam experience.

Citations:
[1] https://github.com/figma/widget-samples
[2] https://figmalion.com/issue/47
[3] https://www.figma.com/community/widgets
[4] https://www.youtube.com/watch?v=uxMCBD7Cr5w
[5] https://help.donut.ai/en/articles/5661980-donut-s-widget-for-figjam