Product →Examples →FAQ →All solutions →About →
Business problemsHow it worksRolesOrganizations
Scopeout for design to code

From chosen variant to pull request.

Pick the variant. Build writes it in your repo with tests and a preview, behind a flag. Your engineers review it like any other PR.

Variant B → pull request #482
12 tests passed
Preview ready
Behind a flag
Merge

Design and code on one canvas

The screen and its code sit next to each other. Change one and the other follows.

Screens on your design system

Design generates on your components and tokens, sized to content, so the code uses what you already have.

A
B · chosen
C

Code in your repo

Build opens a pull request in your codebase, with tests and a preview link. No export step.

Pull request #482 · saved-addresses-first
Written in your stack
12 tests passed
Behind flag address_v2
Linkedvariant B · brief
Merge

Preview before merge

Every PR has a preview the whole team can open, comment on and approve.

Preview · variant B · before any traffic
preview.scopeout.app/pr-482
Delivery
Home · 58 Mercer StUse
Office · 245 W 29thUse
Continue
Shared withpriya, sam, tejas · 3 comments

Built for the hand-off

Figma ⇄ canvas
frames in
screens out

Figma in, Figma out

Attach frames as context or send generated screens back to Figma.

Repo · what Build follows
FrameworkNext.js · TypeScript
Componentspackages/ui
Lint and testseslint · vitest
Conventionsread from the last 200 PRs

Your stack, your conventions

Build reads the repo and follows its patterns, components and tests.

Feature flags · every change ships dark
address_v2saved addresses first50%
express_pay_topexpress pay above the fold100%
progress_v3progress bar on step 2off · rolled back
Rollbackone click, any flag

Flags by default

Every change ships dark behind a flag so review and rollout are separate decisions.

PR #482 · the why, attached
Drop −6.2%→Brief · 3 causes→H1 approved · priya→PR #482
Reviewertejas · your normal review flow
Tests12 passed · preview ready

Traceable to the why

Each PR links back to the hypothesis and the evidence that started it.

Start from a prompt.

Build

“Implement variant B behind a feature flag, with tests and a preview.”

Run this when my batch opens →
Design

“Redesign this checkout step on our design system. Three variants, sized to content.”

Run this when my batch opens →
Fix

“Fix the keyboard type on the zip field on iOS and open a PR.”

Run this when my batch opens →

Questions, answered.

Which repos and stacks are supported?

GitHub and GitLab. Build works in the language and framework your repo already uses.

Who reviews the PR?

Your engineers, in your normal review flow. Scopeout never merges on its own.

Can we bring our own designs?

Yes. Attach Figma frames or screenshots and Build implements them.

Stop running the business. Start directing it.

Join the waitlist

Private beta. We onboard teams in small batches. Or contact us.