Measured 26 October 2026 · all six tools
Codia vs Weld
One Figma file, two builds, measured with the same checks. Codia AI turns Figma designs into code. We ran the free Positivus template’s Home frame through 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 68 of 68 texts, and 56 of 67 gaps are within 4px.
- The illustrations, the speech-bubble testimonials and the star pagination all come through from the design.
- 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 | Codia |
|---|---|---|
| Writes no copy of its own | Yes: none added | Yes: none added |
| Header, nav, main and footer landmarks | No: no main | No: no header, 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: no <img> tags |
| Sharp images on retina screens (2×) | –not measured | –not measured |
| Page language set | Yes: yes | Yes: yes |
| Images shipped with the page | Yes: in the download | No: loaded from static.codia.ai |
| No sideways scroll, 320 to 1440px | Yes: none at any width | No: up to 1,128 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 |
| Codia | 68 of 68 | 56 of 67 | 1,058 px | 424 px | 208 px | none | no <img> tags | static.codia.ai |
How closely it follows the design
Font sizes match on 68 of 68 texts for Codia and 67 of 67 for Weld. Gaps within 4px: 56 of 67 for Codia, 65 of 66 for Weld.
Two differences we noticed by eye: the client logos are in full colour, where the design shows them in grey, and the illustration in the ‘Let’s make things happen’ panel sits off the right edge of the page.
The hero at 1440px. Drag the handle: Codia’s page on the left, the design on the right.
At other widths
The same sections on a laptop (1240px) and a phone (390px).
Codia’s page is fixed at the design’s width. On a 390px phone it scrolls 1,058px sideways, on a 1240px laptop 208px, and even at the design’s own 1440px it is 8px too wide.
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
Pictures without image tags
The page has no image elements at all. Every picture is a CSS background loaded from static.codia.ai, Codia’s own server: screen readers can’t see them, there is nowhere to put alt text, and they only appear for as long as Codia keeps serving them.
Weld’s download carries its own images; nothing on the page is fetched from a vendor’s server.
Every element is a div
The page has no headings, sections, links, buttons or form, not one semantic element. To a search engine or a screen reader it is one undivided block.
Its page title, the line search results show, is “Generated by Codia AI”.
Weld’s page has 1 h1 heading, 26 h2 headings, 19 sections and 31 links.
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
Codia
- 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… - Codia output zip, 14 KB, sha256
edbb5454ee9b34ba… - 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.