Layout
Uses Figma’s own layout model.
Uses flexbox and grid in the browser.
Figma is a broad design tool. Pitolet is made for people who want to change a web interface their coding agent produced.
Uses Figma’s own layout model.
Uses flexbox and grid in the browser.
Responsive work stays in Figma’s design model.
Breakpoints live in one document and export as media queries.
Uses prototype interactions and component variants.
Interaction states export as CSS.
Developers or agents translate the design file into code.
The canvas and exported code use the same style data.
Figma hosts the design file.
Pitolet stores readable JSON in your repository.
Its MCP server can read and write Figma files. Write access is still beta.
The editor includes read and write MCP. You see each change as it happens.
Variables and styles can feed code through Dev Mode or integrations.
Tokens export with the document and stay editable on the canvas.
Free starter; paid full design seats currently range from $16 to $90 per month.
The hosted version has a free plan, with Pro at $12 per seat. The AGPL core can run on your own server.
Figma capabilities and USD pricing checked July 2026. Sources: Figma pricing and Figma MCP documentation.
Figma is the stronger choice for visual design work beyond web interfaces. It also suits teams that depend on advanced prototyping or its plugin ecosystem.
Adjust the interface with the same layout rules used in production. Export the result as a component.
Let your agent make the first pass. Review its work on the canvas and fix what it missed.
Keep the Pitolet document beside the code. Drift checks show when they no longer match.
Try the hosted app for free. You can also run Pitolet on your own server.
Open Pitolet