Measured 26 October 2026 · all six tools
Anima vs Weld
One Figma file, two builds, measured with the same checks. Anima turns Figma designs into code. We exported the free Positivus template’s Home frame with it, kept the page exactly as delivered, and measured it next to Weld’s build of the same frame.
Design: Positivus Landing Page Design by Olga Averchenko, CC BY 4.0. Home frame, 1440px wide.
Where it’s strong
- Very close to the design at 1440px, the width it was drawn: font sizes match on 67 of 67 texts, and 58 of 66 gaps are within 4px.
- It keeps the design’s own artwork, down to the drawn radio buttons and the speech-bubble testimonials.
- It adds no copy of its own: every word on the page is in the design.
What you get out of the box
The things a client site needs that nobody should have to add by hand afterwards. Each line is checked in the page’s own code.
| Out of the box | Weld | Anima |
|---|---|---|
| Writes no copy of its own | Yes: none added | Yes: none added |
| Header, nav, main and footer landmarks | No: no main | No: no nav, main, footer |
| One h1, no skipped heading levels | –not measured | –not measured |
| Every form field labelled | –not measured | –not measured |
| Alt text on every image | No: 51 of 76 | No: 0 of 59 |
| Sharp images on retina screens (2×) | –not measured | –not measured |
| Page language set | Yes: yes | No: no |
| Images shipped with the page | Yes: in the download | No: loaded from c.animaapp.com |
| No sideways scroll, 320 to 1440px | Yes: none at any width | No: up to 1,120 px |
The numbers
| Tool | Font sizes match the design texts, at 1440px |
Spacing within 4px gaps between texts |
Sideways scroll | Words not in the design | Images with alt text | Images served from | ||
|---|---|---|---|---|---|---|---|---|
| phone 390px |
laptop 1024px |
laptop 1240px |
||||||
| Weld | 67 of 67 | 65 of 66 | none | none | none | none | 51 of 76 | its own folder |
| Anima | 67 of 67 | 58 of 66 | 1,050 px | 416 px | 200 px | none | 0 of 59 | c.animaapp.com |
How closely it follows the design
At 1440px the two pages are hard to tell apart on type: Anima 67 of 67 font sizes, Weld 67 of 67. Spacing is where they part: 58 of 66 gaps within 4px for Anima, 65 of 66 for Weld.
The hero at 1440px. Drag the handle: Anima’s page on the left, the design on the right.
At other widths
The same sections on a laptop (1240px) and a phone (390px).
Anima’s page stays 1440px wide whatever the screen. On a 390px phone you scroll 1,050px sideways to see it all, and a 1240px laptop still leaves 200px off the right edge.
There are no breakpoints in the code, no media queries and no width-based classes, so nothing changes as the screen gets smaller.
Weld’s page has no sideways scroll at any width we tested, from 320 to 1440px.
Laptop, 1240px
Phone, 390px
It runs on Anima’s servers
Every image on the page loads from c.animaapp.com, Anima’s own server, not from files in the export. The page only looks right for as long as those links keep working.
Its styles come from cdn.tailwindcss.com, Tailwind’s Play CDN, which Tailwind’s own documentation says is for development, not for production sites.
Weld’s download carries its own images; nothing on the page is fetched from a vendor’s server.
No alt text, no headings
None of its 59 images has alt text, so a screen reader has nothing to say about any of them.
It has no h1, h2 or h3 headings, no sections and no links. To a search engine or a screen reader the whole page is one undivided block.
Weld’s page has 1 h1 heading, 26 h2 headings, 19 sections and 31 links.
The contact form can’t send
The radio buttons look right, drawn circles with the green dot, but they are shapes with nothing underneath: the keyboard can’t reach them, and there is no form element on the page, so a message typed into the fields has nowhere to go.
- Drawn circle, 28 × 28 px, 1px #000000 outline, 16 px dot in #B9FF66
- Label text 18 px
- Drawn circle, 30 × 30 px, 1px #000000 outline, 16 px dot in #B9FF66
- Label text 18 px
- Arrow keys do nothing
- Drawn circle, 28 × 28 px, 1px #000000 outline, 16 px dot in #B9FF66
- Label text 18 px
- Arrow keys do nothing
Try Weld’s page yourself
This is the page Weld built from the same file, live. Resize it and watch it reflow.
Drag the frame’s bottom-right corner to resize it, or open the page on its own and resize your browser.
How this was run
Anima
- Run on
- 26 October 2026
Measured exactly as delivered: nothing changed.
Weld
- Output used
- the zip a Weld user downloads, unchanged
- Built
- 26 October 2026
- Generator version
- 6de49e4
Measured exactly as delivered: nothing changed.
Download both outputs
- Weld output zip, 373 KB, sha256
11d0bf2965cd7dba… - Anima output zip, 8 KB, sha256
040918f084f7e5ea… - All measurements (results.json) CC BY 4.0: reuse them with a link back
The other tools on the same file
| Tool | Font sizes match the design texts, at 1440px |
Spacing within 4px gaps between texts |
Sideways scroll | Words not in the design | Images with alt text | Images served from | ||
|---|---|---|---|---|---|---|---|---|
| phone 390px |
laptop 1024px |
laptop 1240px |
||||||
| Weld | 67 of 67 | 65 of 66 | none | none | none | none | 51 of 76 | its own folder |
| Figma MCP + Claude Code | 35 of 66 | 32 of 65 | none | none | none | 219 | 43 of 43 | its own folder |
| Anima | 67 of 67 | 58 of 66 | 1,050 px | 416 px | 200 px | none | 0 of 59 | c.animaapp.com |
| Codia | 68 of 68 | 56 of 67 | 1,058 px | 424 px | 208 px | none | no <img> tags | static.codia.ai |
| Locofy | 67 of 67 | 40 of 66 | 1,050 px | 641 px | 425 px | 20 | 60 of 60 | its own folder |
| FigmaToCode | 2 of 68 | 35 of 67 | 28,191 px | 27,557 px | 27,341 px | 178 | no <img> tags | its own folder |
| CopyWeb | Could not produce a page to measure. | |||||||
Want your own file measured like this?
Weld’s beta is opening soon. Register and we’ll email you once, when you can upload a file and get the finished page with these checks run on it.