# Design on the live site. Measure what you design.

> Bixlow for UX/UI designers is a visual editor over the live site with an AI agent that builds components following the brand's design guide, so they can ship as test variants or personalization and be measured in conversions.

- Source: https://bixlow.com/en/solutions/ux-ui
- Language: en
- Publisher: Bixlow

Your design goes through a handoff, a sprint and a deploy, and you rarely find out whether it worked. With Bixlow you work on the production site: the agent builds the component in your brand, you test it against the Original and see what converts.

- **Where:** A preview of your real site
- **Brand:** Design guide generated from your site
- **Who builds it:** The agent or you, no handoff
- **Measurement:** Variants with a Bayesian verdict

## Design gets lost between Figma and production

What you design isn't what ships, and what ships rarely gets measured.

### The handoff eats the design

Spacing, states and microcopy get lost between the design file and the code. What reaches production looks similar, but isn't.

### Designing without data

Design decisions are defended with arguments, because there's no quick way to compare two proposals with real users.

### Tools that don't know your brand

What a generic AI produces has other fonts, other colors and another tone. Fixing it takes longer than designing it.

### Waiting for the sprint

A small component tweak waits weeks for someone in development to have a slot.

## How a designer works with Bixlow

On the production site, with the brand already loaded and the result measured.

1. **Bixlow learns your brand.** Every project generates a design guide from your site: fonts, colors and tone. Everything the agent builds follows it.
2. **Point and build.** In the visual editor you point at an element on your real site and Bixlow creates the selector and the node. Ask the agent for the change or adjust it yourself.
3. **Compare proposals.** Each design proposal is a variant with its own draft. You review them in the preview before publishing.
4. **Decide with data.** The statistics engine tells you which variant converts better. The winner becomes the base version, no handoff.

## What a designer does with Bixlow

Three pieces for designing on what the visitor actually sees and knowing whether your design works.

### Visual editor: On your real site, not a mockup

You work on a preview of the production site. Point at an element and Bixlow builds the selector and the node.

- Change copy, styles, classes, images, links and visibility.
- An asset library for your images.
- Version history with restore and autosave.

### Brand skill: The AI designs by your rules

Each project's design guide is generated by analyzing your site, so what the agent builds has your fonts, colors and tone.

- A design guide generated automatically for every project.
- Custom skills with brand instructions for the AI (Premium).
- Snippets: reusable pieces with history.

### Component variants: Two proposals, one verdict

Banners, bars, popups and sections as HTML components, each proposal a variant of the same test.

- A/B and A/B/n, with a preview of every variant.
- Variants by device: design the mobile version separately.
- A Bayesian verdict instead of opinions.

## The agent builds your design; you have the final say

Describe the component or give it a reference. It builds it in your brand and you fine-tune it.

### You decide

- The experience problem to solve.
- Which design proposals get compared.
- The details: spacing, hierarchy, microcopy.
- Publishing: nothing reaches your site without your approval.

### The agent does

- Builds components following the design guide.
- Sets up each proposal as a test variant.
- Translates the content on multi-language sites.
- Reads the verdict and proposes the next iteration.

### A design test in Bixlow

- **Component:** Benefits block under the price
- **Variant B:** Icons with short copy
- **Variant C:** List with the rating up front
- **Audience:** Mobile
- **Primary metric:** Add to cart

## Bixlow Studio: Need more design hands?

Bixlow Studio has designers and engineers who work on your site with Bixlow, with a strategist reviewing every step.

- Design and build of complex custom components.
- New design variants every week, measured on your site.
- Results reviewed with a senior strategist.

## FAQ

### Do I need to know how to code?

No. The agent builds the components and in the visual editor you point at elements on your site. If you know HTML and CSS, you can review and edit the code it builds.

### How does the AI know my brand?

Every project generates a design guide by analyzing your site: fonts, colors and tone. On Premium you can add custom skills with brand instructions.

### Do changes touch the site's code?

No. They're injected into the page on load. Deactivate a workflow and the site is back to how it was on the next page load.

### Can I design differently for mobile and desktop?

Yes. Device audiences let you serve one version to mobile, another to tablet and another to desktop.

## Your next design, measured on your site

Install the script, open the visual editor on your site and ask the agent for the first variant.