Skip to content
Frame

Build screens from ready-made blocks

Frame is a wireframe editor. The blocks already carry realistic sample content, so a screen comes together at once, with no blank canvas.

Open demono account neededSign in
View

Text

Make time for yourself

Forma Studio · 38 Garden Street

Button

Book cut & finish

Field

SpecialistLena · senior stylist

Image or media

Image

Navigation bar

FORMA STUDIOServicesBook a visit

Form

Contact details

Your nameJamie Taylor
Emailjamie@forma.example
Phone+44 7700 900123
Confirm booking · €65

List

Our services

Cut & finish€65
Colour refresh€110
Blow-dry€40

Card

Image
Cut & finishConsultation, wash, cut and styling · 60 min€65
Book cut & finish

Table

ServiceDurationPrice
Cut & finish60 min€65
Colour refresh120 min€110
Blow-dry45 min€40

The same screen four ways: as blocks, as layers, with its links and in Preview.

The same blocks in the layers list: navigation bar, text, text, list, button.

The four screens of the example and the links between them: find a time, select 14:30, confirm booking.

The assembled example screen in preview.

Inspector

Edit a block's content instead of rebuilding it

  1. List items, form fields and table rows are edited in the inspector.

  2. Save a block as a component: editing its template updates the linked instances that use that template.

Our services

Cut & finishConsultation, wash, cut and styling · 60 min€65
Colour refreshRoots, gloss and finish · 120 min€110
Blow-dryWash and styling · 45 min€40

Linked component

Our services

Cut & finish€65
Colour refresh€110
Blow-dry€40

Inspector

Rows

Save as component

Connectors

Link the screens and walk through them

  1. A link can start at a whole screen or at a particular button or row.

  2. A button on a screen can be bound to a diagram: what starts on a click, what is checked and what is decided.

  3. In Preview, click the buttons and walk the screens like a user. The project does not change.

TriggerBooking requested
ActionCheck Lena’s 14:30 slot
ConditionCan we continue?
ActionReserve slot and send confirmation
ActionShow alternative appointment times
BookContinue

The diagram describes the scenario and does not run

Make time for yourself
FORMA STUDIOServicesBook a visit

Make time for yourself

Forma Studio · 38 Garden Street

Links from this screen

Agent

Hand an edit to the agent

  1. Describe the task in words.

  2. The agent works only with this project and edits it through the internal API, with the same checks as manual edits.

  3. Successful edits are applied together and undone in one step.

Project agent

Add a Waitlist screen and link it to the Choose a time screen

Task progress

  1. Checking project scope
  2. Reading the project
  3. Reading the block catalog
  4. Editing the project draft
  5. Checking the result

Done

What should we change in this project?Run task

Choose a time

FORMA STUDIOServicesBook a visit

Choose a time

SpecialistLena · senior stylist
Appointment date2026-10-08
10:30
14:30
16:30
Continue with 14:30

Waitlist

FORMA STUDIOServicesBook a visit

Waitlist

Phone
Join the waitlist

Project name

Forma (Example)Forma bookings

Screen on the canvas

FORMA STUDIOServicesBook a visit

Make time for yourself

Our services

Cut & finish€65
Colour refresh€110
Blow-dry€40
Book cut & finish
FORMA STUDIOServicesBook a visit

Choose a time

SpecialistLena · senior stylist
Appointment date2026-10-08
10:30
14:30
16:30
Continue with 14:30
FORMA STUDIOServicesBook a visit

Your appointment

Contact details

Your nameJamie Taylor
Emailjamie@forma.example
Phone+44 7700 900123
Confirm booking · €65
PreviewDownload project
FORMA STUDIOServicesBook a visit

Choose a time

SpecialistLena · senior stylist
Appointment date2026-10-08
10:30
14:30
16:30
Continue with 14:30

The project did not change

The result

Show a project to people without an account

  1. Turn on the public link in the Share window: the recipient opens the project without signing in.

  2. They walk the screens as in Preview. They cannot edit the project, see its history or reach your other projects.

  3. Replace the link or stop sharing, and the old address stops working at once.

ShareShare a public link

Anyone with the link can open a read-only view of this project. They cannot edit it, see its history or reach your other projects.

Link

The current link stops working.
The link stops working for everyone.

This project is not shared.

Old linkframe.redactor.dev/s/9fK2xQ

FORMA STUDIOServicesBook a visit

Make time for yourself

Our services

Cut & finish€65
Colour refresh€110
Blow-dry€40
Book cut & finish
This link is not availableThe link may have been stopped or replaced. Ask its owner for a new one.

New linkframe.redactor.dev/s/m7Tz4B

FORMA STUDIOServicesBook a visit

Make time for yourself

Our services

Cut & finish€65
Colour refresh€110
Blow-dry€40
Book cut & finish
This link is not availableThe link may have been stopped or replaced. Ask its owner for a new one.

What people build

Four projects to start from

  • FieldnoteInvoicing
    1. Sign in
    2. Dashboard
    3. Invoices
    4. Invoice detail
    5. Settings
    1. Send reminder
    2. Load the invoice
    3. More than 13 days overdue?
    4. Email to the finance or billing contact
  • NorthlineOutdoor store
    1. Catalogue
    2. Product
    3. Cart
    4. Checkout
    5. Confirmation
    1. Checkout
    2. Validation
    3. Can we continue?
    4. Order or a way to fix it
  • FormaStudio booking
    1. Services
    2. Available times
    3. Client details
    4. Booking
    1. Booking requested
    2. Slot check
    3. Can we continue?
    4. Booking or other times
  • RelayCustomer support
    1. Inbox
    2. Ticket
    3. Reply
    4. Resolved
    1. Reply sent
    2. Reply validation
    3. Can we continue?
    4. Resolved or a way to fix it

Demo examples

Start from a ready-made example

Open four examples without an account and try editing them. Sign in for your own projects and a public link.

Open demono account neededSign in
  • FieldnoteInvoicing
  • NorthlineOutdoor store
  • FormaStudio booking
  • RelayCustomer support

Redactor.dev

From the first screen to a published project.

© 2026 Redactor.dev

anonima studio + id0