The design is approved. Now it has to survive the build.
We turn Figma files into WordPress and custom front-end sites without losing what made the design work: spacing, typography, hierarchy and motion.
What gets lost in a normal handoff
- Spacing that gets “adjusted” by eye.
- Typography with wrong weights and tracking.
- Images recompressed with no criteria.
- Motion improvised by whoever builds it.
- Breakpoints where the design simply falls apart.
The result: your design, degraded, with your name on the invoice.
How we do it differently
- File review before quoting. Layers, components, tokens and edge cases: if something is not viable as-is, we know before we start.
- Spacing and type system extracted from the file, not interpreted. Scales, line-heights and tracking come from the Figma, not from a template.
- Reusable components in the CMS. Your client edits content without breaking the design and without touching code.
- Motion spec approved in a prototype before the full build, while changing your mind is still cheap.
- QA on real devices and browsers. Keyboard, screen readers, reduced motion and Core Web Vitals.
Stack
Custom WordPress (no heavy page builders), modern front-end in HTML/CSS/JS, GSAP for motion, and headless architecture when the project calls for it. We adapt to the stack your agency already uses when it makes sense.
The result
- A site your client can see without footnotes: faithful to the approved file.
- A CMS your team and your client actually understand.
- Performance and accessibility verified, not promised.
- Handoff documentation that keeps maintenance simple.
FAQ
Do you only work with Figma?
Figma is our main format. We also take Adobe XD, Sketch or detailed specs when the project requires it.
Do you work on an existing theme or from scratch?
Both. We can build a custom theme, work on an existing one, or ship a custom front-end with WordPress as the CMS.
What if the design is not viable as-is?
We say so during the review, with concrete alternatives. We never promise something the browser cannot deliver without telling you the cost.
How many revision rounds are included?
Rounds are agreed per project before we start. We treat revisions with the same care as the first pass.
Send us your hardest Figma → contacto@zicua.com
Send the Figma, deadline and motion reference. We review the difficult interaction, flag the risks and reply with a clear next step.