dMaya / AI Product / Case Study

An AI tool that creates website and app designs.

We built dMaya to turn ideas into editable designs. Create through conversation. Continue in code or Figma.

See it in action Visit dMaya
dMaya product showcase featuring its AI design prompt
What we built
An AI design product
Our contribution
Design. Development. AI.
Who it helps
Founders & product teams

01 / The product in use

One idea. A whole set of screens.

Watch the real product create and refine connected designs.

dMaya / Design canvasProduct demonstration
A real dMaya product session.
  1. 01

    Describe your idea

    A website, an app or a new screen.

  2. 02

    See it take shape

    Connected designs on one canvas.

  3. 03

    Make it yours

    Refine the details through chat.

  4. 04

    Take it further

    Export to code or Figma.

02 / The challenge

Good designs need to work together.

We built for the next screen, the next change and the next person working on the design.

01

One consistent design

Reusable components and shared styles.

02

Changes you control

Focused edits. Previous versions kept.

03

Output you can use

Review, export and keep building.

03 / AI engineering

We built the system behind the conversation.

A custom agent harness connects the AI to the project, its tools and the design canvas.

Custom agent harness

Project context / Tool execution / Live updates

Conceptual illustration of connected layers representing dMaya's custom agent architecture
Agent architecture / Concept illustration
How the harness works

  1. Understand

    Reads the existing project.

  2. Plan

    Decides what needs to change.

  3. Create

    Uses tools to build the design.

  4. Refine

    Responds to the next request.

The project travels with each request.

Existing screens, reusable components, design rules and saved project notes give the agent context for its next action. Streaming updates show progress, while version history supports continued editing.

Inside the build / Project context

The next screen belongs to the same product.

We connected the AI to existing screens and shared design rules, so each new request can build on the work already there.

Consistent screens. Reusable components and shared styles.

Controlled changes. Focused edits and previous versions.

Existing designNext screen

Shared components. Shared styles. A design that belongs together.

04 / Export & integration

The design is a starting point.
The output is yours to work with.

We built code export and an HTML-to-Figma engine to carry the work into development and design.

overview.htmlHTML / CSS
<!-- Your interface, as web code -->

<section class="project-overview">
  <header>
    <h1>Project overview</h1>
    <p>Keep the work moving.</p>
  </header>

  <div class="project-grid">
    <article class="project-card">
      <h2>Design review</h2>
    </article>
  </div>
</section>

Web code

Export HTML with CSS and Tailwind styling for developers to continue building.

Project overviewEditable layers
Layers⌗ Overview↳ Header↳ Title↳ Project card↳ Content
ProjectsOverview
YOUR WORKSPACE

Project overview

Keep the work moving.

Project card
Design reviewInterface & experience
In progress ↗

Editable Figma layers

Supported layouts, text and styling rebuilt for design teams.

Illustrations of the export formats. Conversion engine and Figma plugin built by Ekyon.

HTML to Figma Figma plugin

05 / Our contribution

Designed and built
by Ekyon.

From the product experience to the systems that make it work.

Product design
The idea, journeys and interface.
Web development
Canvas, chat and live previews.
AI engineering
The custom agent harness.
Figma integration
Conversion pipeline and plugin.

Your next project

Let’s build something
worth putting into the world.

Product design, software development and AI engineering.

Explore custom AI workflow and product development

Visit dMaya