FigType
🪄 Figma widget for modeling simple types and entities in FigJam
Install / Use
/learn @stefanwittwer/FigTypeREADME
What is FigType?
🪄 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
Screenshot
Build scripts
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.
License and copyright
FigType's source code is available under the MIT license. Read the full license terms here.
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
