How wilsonjohntadlip/expense-tracker works
This checkout contains the Expense Tracker’s Figma UI-builder plugin, not the backend or frontend described as planned repository folders in the README. Its workflow is to run in an open Figma file, prepare design foundations, build reusable components, and create screen designs. The sampled code shows the setup calls and component-building call; screen generation is identified in the file’s comments, but its invocation is not visible in the excerpt.
Main entry points: code.js Plugin entry
Components 6
Plugin orchestration
- Plugin entry
design/figma-plugin/code.js
Design system
- Foundations setup
design/figma-plugin/code.js
UI generation
- Component builder
design/figma-plugin/code.js - Screen builder
design/figma-plugin/code.js
Other components
- Designer
- Open Figma file
Connections 5
- Designer → Plugin entry: runs
design/figma-plugin/code.js - Plugin entry → Open Figma file: builds in
design/figma-plugin/code.js - Plugin entry → Foundations setup: sets up
design/figma-plugin/code.js - Plugin entry → Component builder: builds
design/figma-plugin/code.js - Plugin entry → Screen builder: generates
design/figma-plugin/code.js