# psd → wordpress

PSD to WordPress, block patterns or FSE theme.

Send a .psd (layered, non-flattened preferred). Ship as a custom Full Site Editing theme with theme.json, or a set of Gutenberg block patterns dropped into your existing theme. Semantic HTML, WCAG 2.2 AA, Rank Math or Yoast SEO stubs. Hand-coded from the PSD; no auto-conversion on PSD input.

Photoshop layers panel next to a WordPress FSE theme.json in VS Code.

Dev-to-dev.

PSD-to-WordPress is a 20-year-old category with a Fiverr reputation. We publish price, ship semantic markup, and hand you the theme as a git repo. No <div> soup, no jQuery snippets, no page builder that locks you in. Just a WordPress theme a developer would clone and commit to.

What you get.

  • Custom FSE theme (WP 6.5+) with theme.json mapping PSD swatches + type to preset tokens.
  • Reusable Gutenberg block patterns per PSD comp, editable in the block editor.
  • Custom post types + taxonomies scaffolded (portfolio, case studies, services) if the design implies them.
  • ACF or CMB2 for structured field groups. Left out if the design doesn’t need them.
  • Rank Math or Yoast stubs wired in. Meta titles, descriptions, schema.
  • Handover as a git repo + wp-content export. Deploy to Pressable, WP Engine, or your own host.

theme.json tokens ported directly from your PSD swatches.

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "color": {
      "palette": [
        { "slug": "ink", "color": "#0E1116", "name": "Ink" },
        { "slug": "wire", "color": "#7AA7FF", "name": "Wire" }
      ]
    },
    "typography": {
      "fontFamilies": [
        { "slug": "inter", "fontFamily": "Inter, sans-serif", "name": "Inter" }
      ]
    }
  }
}

Tool used: Manual. No Locofy, Anima, or Builder.io on PSD input (no reliable PSD plugin exists). 100% hand-coded from PSD layers.

Turnaround and price.

  • Single WordPress page (block pattern set): $349, 5d.
  • Custom FSE theme, 5 pages: $2,490, 14d.
  • Custom FSE theme, 10 pages + WooCommerce: $4,990, 21d.

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

# 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.