Hatch - Forms

About this plugin

Forms are the most time-consuming thing in B2B design. Every screen has them. Every product needs them. And every designer rebuilds them from scratch.Hatch - Forms fixes that.Upload a CSV, JSON, or Excel file with your form fields. Pick your style and size. Generate.You get a complete, production-ready form on canvas — with real component sets, all five states, and your customisations baked in.WHAT'S IN THE BOX→ Three field types: input, dropdown, checkbox→ Five states per field: default, filled, focus, error, disabled→ Two field styles: stacked label, outlined (Material-notched)→ Three sizes: small, medium, large→ 1-4 column responsive grid that reflows when you resize the frame→ Live preview in the panel — see your choices update in real time→ Drag-and-drop file upload with friendly error handling→ Download starter templates (CSV, JSON, Excel) with one clickSTYLE IT TO MATCH YOUR PRODUCTTune everything from the advanced panel:→ Accent, border, and fill colors (hex input + native color picker)→ Corner radius (0-40px)→ Font family (any font installed in your Figma)→ Icon style: line or filled→ Required marker: asterisk, colored asterisk, "(required)" text, or noneREAL COMPONENTS, REAL HANDOFFGenerated forms aren't loose frames. They're real Figma component sets with variants for every state. Toggle helper text, info icons, and source links on any instance from Figma's properties panel.Hand off to engineering without rebuilding anything.PRIVACY-FIRSTRuns entirely on your machine. No network. No account. No data collection. Templates generated locally.MADE BY A B2B DESIGNERI'm building Hatch as a family of plugins for B2B designers. Tables was the first. Forms is the second. More coming, based on what designers ask for.Coming next: automatic design system style detection, more field types, multi-step forms.If you found this useful, drop a comment with what you want first.---Also try Hatch - Tables (free): https://www.figma.com/community/plugin/1638452999482030756