UCD Coach

daily design digest

Get the weekly email
Design toolsAdoption

Penpot's dev handoff features are closing the gap on Figma

Published 11 July 2026 · Source dated 1 June 2025

Penpot's Inspect tab plus native CSS Grid and Flexbox support now export straight to SVG, CSS and HTML — real feature parity with Figma's dev mode. It's free, open-source and self-hostable, which matters if you're comparing tools for a portfolio or a future employer's stack.

Penpot has been closing the tooling gap with Figma: its **Inspect tab** and native **CSS Grid/Flexbox** layout tools now export usable SVG, CSS and HTML. Unlike Figma, it's fully open-source and can be self-hosted, so there's no vendor lock-in — appealing to teams (and interviewers) who care about that. This is genuine feature progress, not just marketing spin, but Figma still dominates studio adoption in the UK. Don't drop Figma — but knowing Penpot gives you a credible answer when someone asks "what if a client can't afford Figma?" in an interview. **Label: adoption** — real, shipped features, but enterprise studios haven't meaningfully migrated yet.

Coach

open Penpot free, rebuild one small Figma component using its Inspect tab and CSS Grid, then compare the exported code side by side.

Source: penpot.app ·