An AI website builder for agencies has to clear a high bar: pixel-perfect layouts, complex scroll animation, and a design system that holds together across dozens of components. Visux builds branded product sites for a living, and they ship that work in Ploy. Here is how their workflow runs — and where the AI carries the build.
The old shape of agency build work
Branded product work is usually slow and manual. Place the section, wire the layout, hand-tune the animation, repeat. The hours go into assembly, not judgment. That is the part Visux wanted back.
“We build branded product sites for a living. Pixel-perfect layouts, complex scroll animation, design systems that have to hold together across dozens of components. That kind of work is usually slow and manual.”
Their running example is Sensiq — a precision-sensing smart-ring product site, live at sensiq.co. Pixel-perfect, animation-heavy, exactly the kind of build that exposes whether a tool is serious or not.
The design system comes first
Every Visux build starts with the design system, before any markup exists. Tokens get set up once and reused everywhere: CSS custom properties, Tailwind tokens, type classes. The agent holds the system in memory and builds against it without being reminded — and flags a color that drifts from a token or a heading using the wrong class.
Real code is what makes the craft possible
Most of the time on a Sensiq-class project goes into motion, and that is where real code earns its keep. Because Ploy ships Astro, React, and TypeScript, Visux gets GSAP and ScrollTrigger with precise control over timing and easing — not a fixed set of presets. The studio’s standing rule became “name the mechanic first, tune the values second.”
And the code is theirs to keep.
“Every file Ploy produces is ours. Astro, React, TypeScript. The project lives in a repository on our Ploy workspace, private to our organization, and it syncs both ways with GitHub.”
Figma feeds the build directly
Ploy connects to Figma, so the agent reads the studio’s projects and builds from them. The Figma design system drives the build: color tokens with OKLCH values, the type scale, spacing, components. For design-led work, where the whole point is fidelity to the original, that connection is what makes the difference.
The workflow, in Visux’s words
“Working with the design system this way is one of the strongest parts of the whole workflow.”
“The Figma design system drives the build: color tokens with OKLCH values, the type scale, spacing, components. What ships matches the design one to one.”
“Korra never publishes on her own. She builds, audits, and makes recommendations, then leaves the decision to us. Nothing goes live without a person choosing to ship it.”
What changes for the studio
The assembly is the part the agent carries. Visux’s time goes into defining the design system, writing clear specs, choosing the right animation mechanic, and reviewing the output against the standard they hold.
“We ship faster on Sensiq-class work than we could by hand, the code is ours to keep, and the craft decisions stay where they belong, with us.”
We are lucky to ship with studios like Visux. If you run an agency, see how Ploy works for agencies — full code ownership, one-to-one Figma fidelity, and nothing live until you say so.