Direction, gap, padding, alignment, and hug/fill sizing map straight to flexbox. Static frames become absolutely positioned children.

Name a frame "nav", "footer", or "hero" and it exports as the matching tag. Short text at a large size becomes a heading. No manual markup.

Plain CSS gives you an offline file that opens anywhere. Tailwind gives you utility classes ready to paste into a component.

Google fonts come through as a link tag. Solid and gradient fills, radius, borders, and shadows carry over with the exact pixels.

Vectors and icons inline as SVG so multi-part icons render as designed. Image fills export as PNG data URIs, right in the file.

Copy the code or download the .html. Everything the page needs is inside it, so it opens in any browser with nothing else to install.