Revolutionize your workflow and create more, faster.

Say goodbye to Dev Tools, copy any element and paste it right into your project. Markflow supports Figma, React, Webflow, Svelte and more.

div.container

button.btn .btn-primary

svg.icon

▲▼

120 x 40

16px / Inter

@media (min-width: 768px)

padding: 1.5rem 2rem
font-size: 1.25rem
align-items: center
background-color: hsl(24, 94%, 50%)
border: 1px solid transparent
border-radius: 0.375rem
color: color: rgb(255 255 255 / 1)
display: flex
font-weight: 500
font-size: 0.875rem
justify-content: center
line-height: 1.25rem
padding: 0.5rem 1rem

Press ↑ ↓ ← → to navigate elements

Press Space to pin the info panel

Click or press Enter to copy the element

Copy from anywhere paste everywhere

Copy elements from any website and paste them straight into your project. Markflow supports Figma, React, Webflow, Svelte and more.

All the features you need

Inspector

Hover over any element on the page and Markflow will show you the all the styles applied to it.

div.container

button.btn .btn-primary

svg.icon

▲▼

120 x 40

16px / Inter

@media (min-width: 768px)

padding: 1.5rem 2rem
font-size: 1.25rem
align-items: center
background-color: hsl(24, 94%, 50%)
border: 1px solid transparent
border-radius: 0.375rem
color: color: rgb(255 255 255 / 1)
display: flex
font-weight: 500
font-size: 0.875rem
justify-content: center
line-height: 1.25rem
padding: 0.5rem 1rem

Press ↑ ↓ ← → to navigate elements

Press Space to pin the info panel

Click or press Enter to copy the element

Copy

Copy any element and paste it into your project. Markflow supports Figma, React, Webflow, Svelte and more.

Eye Dropper

Click on any pixel of a website and Markflow will show you the color code and copy it to your clipboard.

Color Palette

See all the colors used on a website and copy them to your clipboard.

Assets

See all the images used on a website and save them to your computer.