Open source Figma widgets related projects on GitHub

A list of Figma widgets and resources for building them.

---

How to Use and Contribute

• For Widget source code, go to Widgets ⏎
• For useful resources on widget building, go to Resources ⏎

To contribute you just have to make a pull request according to the Contribution_Guidelines rules. Only widgets working in figma/figjam files can be submitted here, for plugins you can submit them here.

Notice these tags -ㅤㅤfor widgets working only in Figma file,ㅤㅤfor widgets working only in FigJam file andㅤ ㅤfor widgets working on figma and figjam file.

---

Widgets

A collection of widgets that have been open-sourced.

---

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

---

A

widget name (by john doe)

lorem ipsum dolor sit amet, consectetur adipis

Repo | Widget on Figma

---

B

C

Clock (by Sai Rakshit)

A simple clock widget which tells time in hours, minutes and seconds format.

Repo | Widget on Figma

Contrast Checker (by Zach Inglis)

Test any frame and any color against WCAG AA or AAA Contrast Guidelines. Great for creating design systems and easily being able to keep your scores up to date.

Repo | Widget on Figma

D

E

F

G

H

I

Interactive Figmaland (by Golf Sinteppadon)

Widget intended to be used with Interactive Figmaland file

Made during Figma's June 2022 Maker Week

Repo | Widget on Figma

J

K

L

Live Code Block (by Cole Bemis)

Turn FigJam into a collaborative JavaScript canvas

Repo | Widget on Figma

M

N

O

P

Q

R

S

T

Table (by Gavin McFarland)

Create, import, manage and display tabular data.

Repo | Widget on Figma

Timeline (by Michael Yong)

A timeline widget that is useful for making gantt charts in FigJam!

Repo | Widget on Figma

U

V

W

Whose turn is it? (by Elynn Lee)

A FigJam widget to help your group take turns! Keep track of whose turn it is, who’s already gone, and who’s left.

Allow people to “popcorn” to others and choose who goes next, or use the “next” button to randomly choose the next person. As people join or leave, you can also “refresh” the list of people to reflect who’s still in the file.

Repo | Widget on Figma

X

Y

Youtube Embed (by Tekeste Kidanu)

A Widget to embed youtube video into FigJam

Repo

Z

Resources

A collection of resources to help accelerate the development process of Figma widgets.

---

create-widget

Create new Figma & FigJam widgets with a single command.

Repo

This is a fork of the awesome party-js library to work inside of Figma.

Repo

Gif example

A demo about how to add Gif type element into FigJam canvas

Repo

Party Figma

This is a fork of the awesome party-js library to work inside of Figma.

Repo

Widget API typings

This repository contains the typings for the Figma Widget API.

Repo

Widget Samples

Figma and FigJam Widget Samples

Repo

---

✐ Contribution

---

To contribute, you just have to submit a pull request by following these rules:

• Search for previous suggestions before making a new one to prevent duplication.

• If you want to submit a widget, make sure you put it in the right alphabetical order.

• Don't forget to add the creator's name.

• Check spelling and grammar.

• Please, add appropriate tags.

• Try to make your Pull Request descriptive and check all questions in the PR template

• New assets are welcomed if you have 2+ ressources to submit.

⏍ Links & Tag

• Please, use the following format for the links : [Repo](link) | [Widgets on Figma](link).

• Please, add the appropriate tag :

  • Widgets related

    • for widgets available in figma & figjam

    • for widgets available in figma only

    • for widgets available in figjam only

  • Ressources related

    • for vue js

    • for react js

    • for svelte js

⚲ Review Workflow

We will do our best to review your submission as soon as possible. Depending on our availability, we will generally try to process pending submissions each weekend.