figma-uml-widget icon indicating copy to clipboard operation
figma-uml-widget copied to clipboard

A widget to create a UML diagram for FigJam or Figma.

screenshot FigJam/Figma UML Table Diagram

This widget is used to create a UML table (class) diagram for FigJam or Figma. It is inspired by the UML Diagrams template.

View this template and try the widget.

More Feature, more custom!

We're actively listening to and prioritizing feedback so this list may change. Currently list is what we plan to support in this widget.

Currently Supported

  • ✅ Optimized Property Menu
  • ✅ A total of 15 theme colors
  • ✅ Add and Remove row friendly
  • ✅ Move up or down a row
  • ✅ Each row can have a name, a type, a marker and a key ("PK" and "FK" have a custom color to help to recognize them)
  • ✅ Generate table from code scripts

Future Extensions

  • 🗄️ Add an emoji icon before header title
  • 🗄️ Copy table markup language quickly
  • 🗄️ Connector every rows to other table or rows, it is not supported in figjam, I'm so sorry...
screenshot

Feedback

You can use GitHub Issues to share your ideas, feedback or bugs on Github.

LICENSE

The project is open-source under MIT license. This project is forked from arthur-fontaine/figtable and you can find the code here: https://github.com/logeast/figma-uml-widget.