A list of Figma widgets and resources for building them.
- 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 -ᅠFigma only tagᅠfor widgets working only in Figma file,ᅠFigJam only tagᅠfor widgets working only in FigJam file andᅠUniversal tag ᅠfor widgets working on figma and figjam file.
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
widget name (by john doe) Universal tag
lorem ipsum dolor sit amet, consectetur adipis
Clock (by Sai Rakshit) Universal tag
A simple clock widget which tells time in hours, minutes and seconds format.
Contrast Checker (by Zach Inglis) Figma only tag
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.
Interactive Figmaland (by Golf Sinteppadon) Universal tag
Widget intended to be used with Interactive Figmaland file
Made during Figma's June 2022 Maker Week
Live Code Block (by Cole Bemis) FigJam only tag
Turn FigJam into a collaborative JavaScript canvas
Table (by Gavin McFarland) Universal tag
Create, import, manage and display tabular data.
Timeline (by Michael Yong) Universal tag
A timeline widget that is useful for making gantt charts in FigJam!
Whose turn is it? (by Elynn Lee) FigJam only tag
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.
Youtube Embed (by Tekeste Kidanu) FigJam only tag
A Widget to embed youtube video into FigJam
A collection of resources to help accelerate the development process of Figma widgets.
Create new Figma & FigJam widgets with a single command.
This is a fork of the awesome party-js library to work inside of Figma.
A demo about how to add Gif type element into FigJam canvas
This is a fork of the awesome party-js library to work inside of Figma.
This repository contains the typings for the Figma Widget API.
Figma and FigJam Widget Samples
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.
-
Please, use the following format for the links :
[Repo](link) | [Widgets on Figma](link). -
Please, add the appropriate tag :
-
Widgets related
-
universal for widgets available in figma & figjam
-
figma only for widgets available in figma only
-
figjam only for widgets available in figjam only
-
-
Ressources related
-
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.