es
From idea to a prototype you can try

Design the flow. Try the experience.

Create screens, connect interactions, and walk through your prototype on one canvas. When you need more control, the DIL document stays editable and exportable.

Create a free accountSee how it works
  • Start for free
  • No card required
  • Export your files

A look at the design workspace

CheckoutDesignPrototype
1280 × 800Preview

Design

Organize screens and components on a visual canvas.

Try

Connect actions and walk through the prototype live.

Stay in control

Your design remains an editable DIL document.

It’s that simple

One screen is a great start

You don’t need a finished design to find out if an idea works. Add detail at your own pace.

Try it for free

No card required to start

  1. 01

    Build the structure

    Create pages and place elements visually. Group and organize them into components when useful.

  2. 02

    Define what happens

    Assign actions, connect screens, and set up states for your prototype controls.

  3. 03

    Try it and share it

    Open the preview, walk through the flow, and collaborate or export when it’s ready.

A connected workflow

From visual structure to an experience you can try

Start with the essentials. Advanced controls are there when you need them.

Visual editor

Design without fighting the canvas

Arrange elements, define containers, and adjust styles with visual controls. Open advanced settings only when you need them.

Live preview

Make your prototype respond

Connect screens, buttons, and states. Switch to Preview and test the flow as someone else would.

Components and variants

Reuse what you’ve designed

Group elements, create component variants, and keep every screen consistent.

Editable DIL

Your document stays yours

DIL keeps structure, styles, and behavior in a readable format you can validate, edit, and export.

Frequently asked questions

Everything clear before you start

Have another question? Find the community.

01Can I try it for free?
Yes. The Free plan does not expire and requires no card. Create a project and try the editor and preview from day one. See plans
02What is DIL?
It is the structured document that stores a project’s pages, components, styles, and interactions. Edit it in code view and apply it back to the canvas.
03Can I try interactions before sharing?
Yes. Switch to Prototype, open Preview, and try the actions you configured on your elements.
04Can I invite other people?
Yes. Share the project by email or link, and grant edit or view-only access.
05How do I export my work from Dodrawing?
Export screens as PNG, SVG, or PDF. You can also keep the DIL document as JSON.

Your next step

Start with one screen. End with something you can try.

Create an account and build your product’s first flow.

Free to start · No card required

Create a free accountCompare plans