Ryan Ormrod
Remote · UK hours

Home · Services · Figma to development

Figma to development

Ryan Ormrod · independent developer

Design to production across the stack

I turn Figma into production UI in WordPress, Vue, React or whatever the product already uses, with the same respect for the file.

Send the file and the target stack. Design agencies and product teams, white-label when needed.

chips figma // production wp // vue // react white-label ok

Design to code

The file is the contract. The stack is the vehicle.

01

WordPress

Themes and blocks from the file.

02

Component UI

Vue or React matching the design system.

03

States

Hover, empty, error and loading as designed.

04

Review

Side-by-side with Figma on staging.

If that matches the job, send the brief.

Process

From frames to merge

Same delivery shape on every service page. The labels change with this job.

  1. 01 Done

    File and stack

    What we are building into.

  2. 02 Now

    Priority frames

    What ships first.

  3. 03 Next

    Build

    Components then pages.

  4. 04 Next

    Handover

    Notes for the next change.

Who

Who this is for

Design agencies and teams with a finished UI that still needs building.

smb

Small business owner

You own the site or shop and need it working, editable and free of a retainer.

See matching services
large

Large business owner

A finished file waiting on engineering. Production implementation so design is not blocked on a hiring freeze.

See matching services
agency

Agency

Client UI under your brand. Faithful WordPress, Vue or React builds from Figma with staging and editor-friendly handover where it applies.

See matching services
other

Other

Design-ready features waiting on engineering. I implement the UI and wire it into your stack without redesigning your product.

See matching services

Rates

£30 an hour. No retainer.

Pay for the hours the job needs. Nothing sitting on a retainer.

RATE£30/hourQuoted from the hours the job needs
MODELNo retainerNo unused support contract
START50% depositWork begins when it clears
STOPUnused hours backIf you withdraw from the deposit
AGENCYWhite-label / NDAYour client stays yours

Same commercial terms on every service page and the homepage. Estimate first, then deposit.

What happens next

After you send the brief

Same sequence on every service page. No surprise retainers.

  1. I reply

    Hours or a fixed figure, plus the access I will need to start.

  2. You decide

    Deposit clears, then work begins on staging. Nothing public until you approve.

  3. Handover

    Working change, notes your team can own, white-label if you asked for it.

Same path on every service page. Send the brief when you are ready.

Send the design file

07 · Send me a job

Brief, Figma, ticket or repository

Studio name, the work, the stack, a Figma or Git URL, and the staging hostname you will point at my server. Include a digital NDA link. I quote that job and stay off your client’s inbox.

  • OperatorRyan Ormrod
  • ModelRemote · no retainer
  • ScopeCode · your client stays yours
  • StagingYour hostname, pointed at my server
  • After payYou deploy the code, or I do
ryanormrod / brief in / staging out

This brief comes to me. A quote for your slice follows by email or WhatsApp. Include the digital NDA link with it. Do not send passwords here. I do not take phone calls.

Send the design file