Wireframe to align
Empty, loading, error, long-text — see them as a real, resizable wireframe.
Use cases
For designers
Explore it as a wireframe, see it live, ship the polish as a PR.
Hand Gently a mockup or a description. Get a real wireframe to align on, then a live preview in the running app — and own the last 10% of polish without waiting in the dev queue.
Gently handles the project setup. Each thread gets its own isolated environment and running preview, so you can work without local installs or waiting for a shared environment to be fixed.
Explore empty / loading / error states as a real wireframe in seconds.
See the change in the running app — light, dark, and mobile widths.
Ship the polish as a PR engineering reviews — control without merge risk.
The request and the working result
Explore two ways to set availability.
Product and design prompts
Couriers need a simple way to choose the days they can work. The team wants to compare two options.
Task prompt
Sketch two simple ways for couriers to set which days they are available to work.
Read the full task prompt
Sketch two simple ways for couriers to set which days they are available to work. Follow-up: Show both as compact, rough sketches side by side so we can compare them in one view. Follow-up: Keep the two options side by side in a 650px-wide thread, with the whole sketch under 450px tall. Follow-up: The sketch clips the bottom controls. Make both cards fit fully without internal scrolling.
Crosstown is a fictional delivery app. This capture comes from actual work in Gently.
Where momentum gets lost
The work around the work.
Gently takes on the interruptions and follow-up loops that crowd out higher-leverage work.
- 01
Small but important polish — spacing, tokens, states — waits days in the dev queue.
- 02
You can’t see the design in the real product, with real data, until eng builds it.
- 03
“Make it match the mockup” round-trips forever and loses the intent.
What you can do
Designers, in one workspace.
Match a mockup
Attach a Figma export or screenshot; Gently can see it and build to match.
Live, real data
Open the change in the running app and click it in light, dark, and mobile.
Ship the polish
Tighten spacing and tokens, then send a PR — keep control without merge risk.
Wireframes Image attachments Live preview Browser capture Implement → PR
Gently for every team
Product managers
Feasibility → an approved plan → a working prototype + PR.
QA & testers
Test plans you can run, video proof, and an automated PR test gate.
Engineering
Implement to a verified PR, then auto-fix CI and address review comments.
Operations
Jira/cron triggers, auto-triage, and internal scripts as PRs.
Give designers a safe way to work with the product.
Start with questions. Grow into plans, previews, tests, and pull requests when your team is ready.
Request access