Blog
Design extraction, explained with working code
Tutorials and engineering notes on pulling design tokens, brand data, fonts, SVGs, and clean code out of live websites. DIY approaches included - the API is the shortcut, not the prerequisite.
Best MCP Servers for Frontend and Design Work in Cursor and Claude Code (2026)
The MCP servers that make Cursor and Claude Code better at UI work: Figma, a live-website extractor, browser control, DevTools, component registries and docs. What each gives your agent and how to add it.
Read the postHow to Convert HTML to an Elementor JSON Template (Format, Script, API)
The Elementor template format explained, a short Node script that wraps any HTML and CSS into an importable .json file, the five things that break on import, and the one-call API version.
Read the postHow to Make Claude, Cursor or ChatGPT Match a Real Website Instead of Guessing
Why a screenshot gives your AI agent the wrong colors and spacing, and four ways to hand it the real values: a devtools snippet, a tokens file, pasted markup, or an MCP server.
Read the postClearbit Logo API Alternatives in 2026: What to Use Now That logo.clearbit.com Is Gone
Clearbit's free Logo API shut down in December 2025. Here are the drop-in replacements - Logo.dev, Brandfetch, Google's favicon service - with URL formats, free tiers, and when you need a full brand API instead.
Read the postFigma MCP: How to Set It Up, What It Gives Your AI, and What to Use Without a Figma File
Set up the Figma MCP server in Claude Code, Cursor and VS Code in one command, see what design context it actually gives your agent, and what to use when the design only exists as a live website.
Read the postHow to Connect the MiroMiro MCP to Claude, Cursor, ChatGPT and Codex
Step-by-step connector setup for every client: paste one URL into Claude web, one-click install in Cursor, developer mode in ChatGPT, one command in Claude Code. Sign in with your MiroMiro account, no key pasting.
Read the postAdd Design Extraction to Claude Code with MCP
Install the MiroMiro MCP server in two commands and Claude Code can pull any website's tokens, brand, fonts, and section code instead of guessing.
Read the postBest Brand Data APIs in 2026 (Logos, Colors, Fonts)
Brandfetch, Logo.dev, Clearbit, and MiroMiro compared honestly on depth and pricing - when a logo API is enough and when you need the full design system.
Read the postBest Design-to-Code APIs and Tools in 2026
The design-to-code landscape in 2026 sorted by input - Figma files, screenshots, prompts, or live URLs - and which tool honestly wins for each job.
Read the postBest Design Token Extraction Tools in 2026
The best tool to extract design tokens from a website, honestly ranked: six real options in 2026 - free CSS analyzers, a DIY script, a browser extension, and an API that returns tokens as code.
Read the postDesign Token Types: Every Token a Website Exposes (Reference)
All 17 design token types a website exposes - the CSS properties each comes from, what good output looks like, and the gotcha that silently corrupts it.
Read the postHow to Detect and Extract the Fonts a Website Uses
Three ways to detect which fonts a website really uses - computed styles, document.fonts, and network sniffing - and why font-family lies to you.
Read the postHow to Extract Brand Assets from 1,000 URLs in Bulk (Python)
Bulk-extract brand data and design tokens from thousands of domains in Python - async code with rate limiting and retries that survives a real URL list.
Read the postHow to Extract Design Tokens from Any Website in Python
Extract colors, fonts, spacing, and shadows from any website with Playwright in Python - working code, the gotchas that bite, and the one-API-call shortcut.
Read the postHow to Extract a Website's Color Palette Programmatically
Two working ways to get a site's color palette in code - screenshot quantization vs reading the CSS - and which one returns the actual brand colors.
Read the postEverything in these posts, as one API call
Design tokens, brand data, fonts, SVGs, images, and section code from any URL. 300 free credits a month, no card.