UI Ninja Open app

For embedded screens and device interfaces

UI Ninja.

Design screens.
Connect the experience.

Create fixed-size displays, map what happens next, and give engineering a clear specification.

Open your workspace Explore the views
One project. Three useful views.Example: a 480 × 480 wall panel
Navigation illustration: Home, Mode and Settings screen cards connected by arrows, with a connection inspector.

Switch the tabs to explore. These are workspace illustrations. Swipe the illustration to see more →

The workspace

See the flow.
Shape the screen.
Explain the system.

Keep the interface and its behavior together, from the first screen to the final handoff.

01

Navigation

See every screen in context. Connect touch, button and device events, add notes, and arrange a readable flow.

Explore Navigation
02

Edit Screen

Work on one display at a time. Place text, controls, images and icons, then refine their properties and layers.

Explore Edit Screen
03

Report

Review the device, screen notes, values and transitions in one printable overview. Make the design intent easy to understand.

Explore Report

Made for real displays

Start with the device.
Build the experience.

One display size applies to the whole project, so every screen fits the hardware you are designing for.

  1. 1

    Set up the display

    Choose the pixel dimensions and device inputs your interface will use.

  2. 2

    Create your screens

    Drag elements onto the canvas. Use the optional 5% grid to position and resize them.

  3. 3

    Connect the behavior

    Describe how touches, buttons, values and device events move the user through the system.

The engineering handoff

Give the next person
the whole picture.

Bring the visuals and behavior into a clear specification, with the resources engineering needs to work from.

Specifications
JSON and YAML
Screen previews
PNG
Visual reports
PDF
Referenced resources
Images, icons and fonts
Source attachments
Licenses

A familiar desktop rhythm

Immediate feedback.
Room to stay focused.

Selection, movement, resizing and typing respond locally. Your project saves securely in the background, with confirmation when the save is complete.

Tools where you expect them. Compact menus, a contextual tool strip and a focused canvas.

Designed for desktop browsers. Chrome, Firefox and macOS Safari are the target editing browsers.

In active development

Open your workspace.

The first hosted release is being prepared. Access uses administrator-created accounts; AI-assisted authoring is planned.

Open UI Ninja