The easiest way to model anything in Figma.
🪄 FigType is a widget that makes modeling simple types and entities in Figma and FigJam easy.
Works great for planning out:
- Interface types, database models, classes, etc. in development;
- Properties for design system components;
- Fields in a marketing website CMS
This codebase was initially created through Figma's "New widget..." menu in the desktop app.
However, some modifications to the build scripts and tsconfig.json have been made:
- There is an additional
postbuildstep that is automatically executed when compiling the TypeScript source, which automatically appends the linewidget.register(Widget);to the very end of the compiled JavaScript. This is a workaround for an issue where this line of code would be executed too early when the Widget code is split up into multiple files, resulting in "Lexical variable is not initialised" crashes at runtime. tsconfig.jsonhas been modified to bundle all .ts and .tsx source files into a single, combinedcode.js. This codebase does not use modules because Figma widgets don't seem to supportimportandexport.
FigType's source code is available under the MIT license. Read the full license terms here.