Button5 variants · used 40 times
Start freePrimary
Start freeSecondary
Start freeDanger
Start freeGhost
Start freeWarn
100%
DataK
ViewEdit
Design on the product
you already shipped.
Paste your URL. Trunk captures your running product and shows an Analysis of what it found. Your edits go to a draft. Review turns it into a branch, Verify checks it against the real site, and you merge it to main.
A free month, no card · then Team, $15 a seat a month, billed annually
trunk.dev/chitragupt/chitragupt-web/components/button
Captured from chitragupt.aiCChitragupt/Chitragupt Web/mainv1.4Review 3Versions
The problem
Your design file is a second product.
Someone drew every screen by hand, and then the product moved on. Now the file and the app disagree, and nobody knows which one is right. The app is right. It is what users see.
| A design file | Trunk | |
|---|---|---|
| Where you start | A blank canvas | Your live URL |
| Pages | Redrawn by hand, screen by screen | Captured from the running product |
| Components | Rebuilt, then kept in sync by hand | Detected where they repeat, with every use listed |
| Variants | Drawn if someone remembers | Each different look of a component, captured |
| Icons and tokens | Copied in one at a time | Read from the real pages and styles |
| The user journey | A separate diagram, out of date | Captured from the real links, and yours to edit |
| What it is made of | Vector shapes in a file format | Real HTML and CSS |
| A change | Made in the shared file, for everyone | Made in your draft, verified, then merged |
How it works
From a URL to an approved change in four steps.
There is nothing to install and nothing to connect to your code.
Step 1
Paste your URL
Trunk follows your links and captures each page, once for each role you add. Pages behind 2FA, you walk yourself. Or start blank.
Step 2
Read the Analysis
Pages, components, styles, icons and the journey. Lighthouse scores, and AI findings: duplicates, quick wins, slow pages.
Step 3
Edit in your draft
Main stays as it is. Switch to Edit and change a token, a component or one element. AI works on what you select.
Step 4
Verify and merge
Review saves the draft as a branch. Compare it with the captured site or any URL, get a score from 0 to 100, merge it to main and tag a version.
Pricing
One price per seat.
Start with a free month on your own product, no card. Team adds AI, the full Analysis and Verify.
Free month
Free
For 1 month · no card
Start free
1 product · 25 pages per capture
Walk it yourself · every Analysis score
2 open branches
– No AI, no Verify
Team
$15 a seat a month
billed annually · $19 a seat a month, billed monthly
Start with the free month
Unlimited editors and products
Automatic capture, as every role
Full Analysis: AI analysis and fixes
Unlimited branches · verify against any URL
500 pages per capture
50 AI actions a seat a month
FAQ
Questions
Do I need a design file to start?+
No. Trunk needs only the URL of your live product. You capture it and start from there. You can also start blank.
What does capture need from me?+
A URL and the screen sizes you want. There is nothing to install.
Can it capture pages behind a login?+
Yes, in every plan, when you walk the product yourself. You sign in as you normally would and Trunk captures each page you open. What you type to sign in goes to your product only. Trunk does not keep it. The automatic walk never reads a page that asks for a password.
Can one person break the design for everyone?+
No. Nobody edits main. Each change goes to your own draft, and Review saves it as a branch. Verify compares the branch with the real site, and main changes only when someone with Can merge merges it.
Is it real HTML and CSS, or its own format?+
Real HTML and CSS, shown as a browser renders it. Icons are inline SVG.
What's the pricing catch?+
No catch. The first month is free, with no card: one product, up to 3 editors and 2 open branches, without AI or Verify. When it ends you can keep it read-only for free. Team is $15 a seat a month, billed annually, or $19 a seat a month, billed monthly. Team includes 50 AI actions a seat a month. Extra actions are $0.10 each.
Start from what shipped. Change it in a draft.
Sign up, paste your URL, and read the Analysis of your own product.
No card required