Markup From Image

Use this when the user wants to turn a UI image into semantic, unstyled HTML or JSX markup as a scaffold before styling.

Activation

Use For

• converting a screenshot, Figma export, mockup, wireframe, or UI image into semantic markup
• generating plain HTML or JSX structure from an attached UI image
• scaffolding unstyled markup for a design that will be styled later
• inserting unstyled markup for a UI image into an existing file

Do Not Use For

• building or styling a finished UI from an image
• componentizing, refactoring, or extracting existing UI code
• recreating an image as a raster or vector asset
• extracting text or data from non-UI images only