# xd → html

XD to HTML, hand-coded.

Send an Adobe XD file (.xd or a shared prototype link). Ship as semantic HTML5, Tailwind or vanilla CSS, WCAG 2.2 AA. No Locofy on XD (poor plugin coverage since Adobe deprecated it), so this is 100% hand-code with a manual token pass. Prism.js-ready if you want syntax highlighting on the delivered page.

Get an XD-to-HTML quote

VS Code One Dark screenshot of a semantic HTML5 layout with Tailwind utility classes.

Dev-to-dev.

XD’s export layer went stale after Adobe froze feature development in 2023. Auto-code tools that used to work (Anima’s XD plugin, Locofy’s XD adapter) either shipped their last version or dropped XD entirely. We treat XD input as a design source, not a code source: read the file, port the tokens by hand, write clean HTML.

What you get.

Semantic HTML5 (<header>, <main>, <section>, <article>, <nav>, <footer>).
Tailwind CSS or vanilla CSS with BEM. Your call at intake.
WCAG 2.2 AA: 4.5:1 contrast, keyboard focus, no positive tabindex.
Responsive: 390px, 768px, 1280px breakpoints tested.
Design tokens ported from XD assets panel to CSS variables or Tailwind config.
Prism.js hookup optional if you want to ship syntax-highlighted code samples.

Delivered HTML, semantic + accessible.

<section class="hero" aria-labelledby="hero-title">
  <h1 id="hero-title" class="hero__title">Design to code, hand-audited.</h1>
  <p class="hero__lede">Send an XD file. Ship semantic HTML.</p>
  <a href="/quote/" class="btn btn--primary">Get a quote</a>
</section>

Tool used: Manual. No Locofy or Anima on XD input (deprecated plugin support). 100% hand-coded semantic layer.

Turnaround and price.

Single XD page: $249, 72h.
5-page XD site: $1,190, 5d.
10-page XD site + component library: $2,490, 14d.

Full pricing table. 14-day fix window on every ticket.

Related.

# get a quote

Send a Figma. We'll quote in 24 hours.

Paste a share link. Add a line about the output stack (React, HTML, WordPress). We'll reply with an indicative price and a start date.