Runtime (P26) is part ofY CombinatorLearn more
For Design Teams

Iterate on real landing pages, not Figma frames.

Prompt a coding agent to build the design, iterate pixel by pixel against real data, and open a pull request without ever touching git.

Try It Free
Talk to the team

Works with your favorite coding agents

Claude CodeClaude CodeCodexCodexGemini CLIGemini CLI
Runtime
Building
Claude Codeautopilot

Set up the dashboard with auth, API client, and audit log viewer

Preview
main
Loading
sandbox.runtm.com/preview

Sound familiar?

The handoff loses the details

Spacing, easing, hover states, and responsive behavior get lost in handoff, and fixing them takes another sprint.

Figma cannot show real data

Long names, missing avatars, and empty states only show up in production once the page is live.

Git is a wall

You wait on a frontend engineer for a one-line copy change because git was never built for designers.

What Runtime gives design teams

Prototype in real code, faster than Figma

Prompt in plain English, and the agent builds the design in your codebase with spacing, motion, and responsive behavior that match production.

Live preview against your real data

Every change renders in a live URL connected to your staging data, so edge cases stop being a launch-day surprise.

No git knowledge required

Runtime handles branching, rebasing, and merges in the background, then opens a clean pull request when you are ready to ship.

Open pull requests, not tickets

Submit your work directly through Runtime so frontend reviews a real diff instead of comments on a Figma frame.

Build sales demos and brand pages

Spin up a personalized demo, a campaign landing page, or a refresh of your marketing site without filing an engineering ticket.

Safe sandboxes, never production

Every session runs in an isolated fork, and production stays protected behind your usual review process.

Plugs into your design stack.

Figma logoFigma
GitHub logoGitHub
Vercel logoVercel

Prompt to pull request.

01

Designer prompts the agent. Update the pricing page hero to match the new Figma file and use the warmer gradient from the brand refresh.

02

Agent rebuilds the hero. Agent reads the Figma file, updates the copy, and applies the new gradient tokens.

03

Designer iterates live. Designer asks for tighter line height and a slower fade-in, and both render in the live preview within seconds.

04

Pull request handed off. Designer opens a pull request with a single click for frontend to review.

Frequently asked questions

Do designers have to learn git to use Runtime?
No. Runtime handles branching, rebasing, and merges in the background, and the designer opens a pull request with a single click when the work is ready.
Will the agent respect our design system?
Yes. It works inside your own repo and pulls from the components, tokens, and patterns your team already maintains, instead of inventing new ones from scratch.
What if the agent gets the layout wrong?
You prompt it again with the correction. The live preview renders each iteration in seconds, so you can dial in spacing, typography, and motion without leaving the page.
Can designers ship marketing pages without engineering?
Yes for the design and copy work. The pull request still goes through your normal review, so frontend or marketing approves the merge before it goes live.
Does this replace Figma?
No. Figma is still where you explore early ideas. Runtime is where you take a near-final design and turn it into the real page without waiting on a frontend engineer.
How do you keep designers from breaking production?
Every sandbox is a fork of your repo with scoped access. Production cannot be touched until a pull request is approved through your existing review process.

Close the Figma to code gap

Prototype in real code, iterate against real data, and open pull requests without ever opening the terminal. No credit card required.

Try It Free
Talk to the team