Figma Widget
Figma Widget
Preview
Figma Widget
Figma Widget Component
The Widget is a multi-functional component for visualizing and editing your project's data. Widgets can be floating or docked into panels or interface backgrounds.
Widgets enable the quick creation of dashboards, financial information, and data analytics interfaces.
Widgets were first introduced in Frames X UI Kit v2.5, along with new spacing Figma variables. Check out this quick demo video to learn how to use Widget components combined with the full power of Figma variables.
Widget Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| WidgetChartBar | 3 | Size Mobile, Tablet, Desktop | |
| WidgetHeatmap | 3 | Size Mobile, Tablet, Desktop | |
| WidgetChartLine | 3 | Size Mobile, Tablet, Desktop | |
| WidgetRatio | 3 | Size Mobile, Tablet, Desktop | |
| WidgetChartBarLine | 3 | Size Mobile, Tablet, Desktop | |
| WidgetTrades | 3 | Size Mobile, Tablet, Desktop | |
| WidgetMessage | 3 | Size Mobile, Tablet, Desktop | |
| WidgetTodo | 3 | Size Mobile, Tablet, Desktop | |
| WidgetExpenses | 3 | Size Mobile, Tablet, Desktop | |
| WidgetUser | 3 | Size Mobile, Tablet, Desktop | |
| WidgetBalance | 3 | Size Mobile, Tablet, Desktop | |
| WidgetNotification | 3 | Size Mobile, Tablet, Desktop | |
| WidgetTransactions | 3 | Size Mobile, Tablet, Desktop | |
| WidgetTimeline | 3 | Size Mobile, Tablet, Desktop | |
| WidgetBankCard | 3 | Size Mobile, Tablet, Desktop | |
| WidgetCalendar | 3 | Size Mobile, Tablet, Desktop | |
| WidgetMarket | 3 | Size Mobile, Tablet, Desktop |
Figma Widget
Widget
widget templates
web widgets
widget component
Interactive component
