Used by 600+ developers from 60+ countries
Inspect. Modify. Copy.
Dive into every pixel of your design, adjust elements on the fly, and incorporate your insights seamlessly. Empower your creative process with Markflow, your ultimate tool for deep design exploration.
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
Element 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 2remfont-size: 1.25rem
align-items: centerbackground-color: hsl(24, 94%, 50%)border: 1px solid transparentborder-radius: 0.375remcolor: color: rgb(255 255 255 / 1)display: flexfont-weight: 500font-size: 0.875remjustify-content: centerline-height: 1.25rempadding: 0.5rem 1rem
Press ↑ ↓ ← → to navigate elements
Press Space to pin the info panel
Click or press Enter to copy the element
Smart Color Palette
Explore and capture the essence of a website’s design with an organized palette of all colors used, and instantly copy them to your clipboard.
Text
Background
Border
Asset Explorer
See all the images used on a website and save them to your computer.
Eye Dropper
Seize the perfect shade! Effortlessly pick colors from any pixel on your screen.
Screenshot
Take a screenshot of any website and copy it to your clipboard.
Content Editor
Bring your words to life! Seamlessly edit text content within the browser and see the changes in real-time.
Tailwind CSS Wizard
Harness the power of Tailwind JIT with full support for custom configurations, streamlining your utility-first design process.
In-Browser Style Editor
Unleash your creativity! Tweak and refine styles directly in the browser for instant visual feedback.
Dynamic Class Modifier
Add, remove, or change classes in the browser to experiment with different styles and structures.