For product and design teams

The AI prototyping tool that ships a working flow in hours

Eqlo is an AI prototyping tool that starts from what your team has already written: a ticket, a spec, a flat mockup or a screenshot of the current screen. It turns that material into pages people can click, fill in and comment on. Once the flow holds up, the code goes to your GitHub repository for the developers.

AI prototyping tool: the order list of the Order tracking prototype opened by a tester, with comments from Megan and Luis pinned to the list, and Eqlo's Private preview link panel with its QR code and the Send all to the AI button
Testers pin their comment to the section it is about, under their first name. In the studio: the private link, its QR code and the comments to send to the AI or resolve.

Start from what is already written

A ticket or a spec

Paste the text into the request, or attach it as a file. Eqlo reads text files such as txt, md, csv, json and html, up to six files of 15 MB each. From the acceptance criteria, it works out which pages, fields and buttons the flow needs.

A flat mockup

Export a frame from Figma or Sketch as an image and attach it. Eqlo reproduces its structure and makes it clickable: fields accept input and buttons lead to the next step. If your request includes exact values, such as a hex color or a font name, they are applied as written.

A screenshot of the current screen

A capture of the tool your users already know gives Eqlo the layout to start from. You then describe the change you want to test, which makes it easy to compare the current screen with the new idea.

Four steps with the AI prototyping tool, from document to link

A prototype is meant to be quick. If it takes three weeks, it has turned into a project.

Prototype request in Eqlo with the ticket PRD-482-order-tracking.md and the screenshot legacy-admin.png attached, project type Prototype, in front of the first version of the Order tracking prototype in the studio
One sentence, the ticket as a text file and a screenshot of the old admin are enough: the first version arrives with its pages and a summary of what is left to set up.
  1. Choose the Prototype project type, which builds clickable screens for testing a flow. Describe the flow or attach your documents, and the pages arrive already linked. No engineering time has been booked at this point.

Figma and Eqlo, what each one does

The two tools do different jobs and work well side by side. Figma is where a team explores and decides how things should look. Eqlo is where that decision becomes a flow people can actually use.

Comparison between a Figma prototype and an Eqlo prototype
Figma prototypeEqlo prototype
What you shareframes linked by hotspotsa working site on a private link
Form fieldsdrawn on the frametyped into, in test mode during preview
Datafixed in the designstored in tables, importable from CSV or Excel
Phone checka device framea 390 × 844 preview and a QR code
Feedbackcomments inside the filecomments pinned by testers, sent to the AI
Output for developersa spec to readNext.js code in a GitHub repository

Many teams keep Figma for visual research and switch to Eqlo when it is time to test. An exported frame makes a good starting point: Eqlo keeps its layout, then wires up the fields and buttons.

Figma remains the better choice for finding a visual identity or for several designers editing one file. Eqlo takes over when you need to see whether people get through the flow.

What your testers see

Testers open a link in their browser or scan the QR code with their phone. They create no account and install nothing, which is often what decides how much feedback you get back.

On screen, they move through the flow and fill in the fields. When something stops them, they click the section and write up to 1,000 characters, signed with their first name. You see the number of open comments and mark each one as resolved once it is handled.

The link stays private. You can renew it, which turns the old one off, or delete it when the test is over. To show two options to two groups, duplicate the project and share one link for each version.

Mockup, prototype and proof of concept

People often use these three words for the same thing, but they describe three different objects. Picking the wrong one can cost weeks.

What a mockup, a prototype and a proof of concept show
MockupPrototypeProof of concept
What it showshow it looksthe whole flowtechnical feasibility
What it leaves outwhether it worksload and securitythe finished experience
When to use itto settle a visualto test with usersto clear a technical doubt
Who reads itthe design teamusersdevelopers
In Eqloan attached image to start fromthe Prototype project typean internal tool on imported data

The most common mistake is to test a mockup and draw conclusions about real use. Someone looking at an image comments on the visuals. The same person inside a working flow shows you where they get lost.

Abstract illustration of a single outlined card, a short stack of cards and a taller orange stack, standing for a mockup, a prototype and a proof of concept
Three levels on one scale: a still mockup, a prototype you can click, and a proof of concept built on real data.

What this changes in a product cycle

Check an idea before committing a quarter

A feature that has been debated for six weeks can be settled by an afternoon of testing. Engineering time then goes to something five people have actually used, not to a document nobody objected to.

Build both options instead of arguing

When two people defend two approaches, duplicate the project and build each one. The meeting moves from opinions to what testers did, and it ends with a decision rather than a follow-up item.

Show a customer request before promising it

Sales asks for a feature on behalf of a customer. You prototype it, show it to that customer and learn what they really need before anyone writes production code. Many requests change shape at that moment.

From prototype to product

A prototype can be thrown away, as long as you know what you are throwing away. What usually carries over is the page structure, the layout and the visual choices. Business rules and detailed permissions usually get rewritten by the developers.

The GitHub connection sends the specification and the full Next.js code in React and TypeScript, and edits to the specification made in the repository flow back to Eqlo. A developer opens the project in their usual editor, with nothing to convert before they start.

Sometimes the prototype is enough for internal use. In that case, you publish it as it is and give each colleague a role in the admin, with rights set table by table. Many internal tools start this way and never go through a full development cycle.

GitHub connection for a prototype in Eqlo: fine-grained token, repository north-studio/order-tracking and main branch, next to the Order tracking prototype home page
The GitHub connection is set on the project's Connections screen: a token limited to the repository, the repository name and the branch.

Who this page is for

Four kinds of teams prototype with Eqlo, each for a different reason.

Designers

You judge an interaction by using it rather than imagining it, and you get there without waiting for a sprint slot.

Agencies and studios

Clients react to a flow they have handled themselves, which shortens the rounds of back and forth.

Innovation teams

You test a technical or commercial idea on real data before asking anyone for a budget.

Frequently asked questions

How is this different from a Figma prototype?

A Figma prototype links frames together: clicking a hotspot shows the next frame. With an AI prototyping tool like Eqlo, you get a working site instead, where fields accept input and data lands in tables. Most teams use both, Figma to design and Eqlo to test.

Can I start from a Figma file?

Yes. Export the frame as an image and attach it to your request. Eqlo reproduces its structure and makes it clickable, and any exact values you write, such as hex colors or font names, are applied as given.

Do developers reuse the prototype code?

Part of it, yes. The repository contains the full Next.js code in React and TypeScript, so the page structure and layout carry over. Business rules and detailed permissions get rewritten, as with any handover.

How do testers leave feedback?

They open the review link, enter a first name and pin a comment of up to 1,000 characters on the section concerned. In the studio, you send the comments to the AI one by one or all together.

How soon can I share a link?

As soon as the first version exists, the review link is ready to send. A prototype with your colors, your fonts and your real labels usually takes a few rounds of edits in the chat.

Can we use our design system?

Yes, through its values. Write your hex colors, fonts, corner radius and spacing in the request, and Eqlo applies them to the components it generates. The Design tab then lets you fine-tune them without using AI.

Can the prototype stay private?

Yes. The review link is private and comes with a QR code. You can renew it, which disables the previous one, or delete it at any time.

Can I test with real data?

Yes. You can import a CSV or Excel file of up to 5 MB and 20,000 rows. Testers react very differently to a list of real orders than to a handful of placeholder lines.

What if the prototype becomes the product?

You can publish it as it is, on an eqlo.dev address or on your own domain with the Plus plan. You can also send the code to GitHub so your developers take it from there.

Describe the flow and share a link today

Start on the Free plan with five projects and no card. Whoever you send the review link to can comment straight away, with no sign-up.