Skip to content
formabeta

YOUR IDEAS. IN GOOD SHAPE.

Interfaces, lessons, ideas. One editor.

Design app and website screens, explain a lesson on an infinite whiteboard with a stylus, and make slides, diagrams and graphics. All in your browser, with editable files you own.

No account needed to start

Open a canvas. Make something. No sign-in in the way.

Your files stay yours

Editable files on your device or your own Google Drive.

Made for every screen

One browser tab. On your computer, tablet or phone.

Five modes. One editor.

Start with a screen, a lesson or a story. Each mode brings the tools that idea needs, on the same canvas, with the same layers and exports.

Interface design

A whole interface. Every detail yours.

From the first wireframe to a design that feels right. Build screens with auto layout, reusable styles and the freedom to refine every element.

SONO · Music discovery1100 px
SONO music app: a vinyl record with a sculptural ribbon, four original playlist covers and a music player
  • Layouts that fit

    Auto layout with gaps, padding, fill and hug, plus constraints and nested frames. Resize a screen and everything stays in order.

  • A consistent design

    Shared colour and text styles and themes. Switch every screen from light to dark in one click.

  • A head start on the details

    Buttons, fields, tab bars, cards and 99 vector icons. Hold Alt to measure any distance.

Whiteboard · stylus and pen tablet

Write with a pen. Like on paper.

Forma's whiteboard is made for a stylus. Apple Pencil on an iPad, a Surface Pen or S Pen, a Wacom tablet: the line feels every bit of pressure, and your hand can rest on the screen. No plug-ins and nothing to install, right in the browser.

Works with

  • Apple Pencil
  • Wacom
  • Surface Pen
  • Samsung S Pen
  • Any pressure-sensitive pen
Try the board with a stylus
A Forma lesson board on a tablet: a stylus circles the turn of a parabola, an arrow points to it from the question
  • Pressure you can see

    A light touch writes thin, a firmer one writes wide. The line breathes like real ink.

  • Rest your palm

    Once a pen touches the board, fingers only move and zoom it. A hand on the screen leaves no marks.

  • Flip it to erase

    On a pen with an eraser end, turn the stylus over and erase, whatever tool is in hand.

  • A lasso on the pen button

    Hold the pen's side button and circle what you wrote to move or change it.

  • Neat at any speed

    Forma catches every point of the pen between screen frames and smooths the tremor of the hand, so lines stay clean.

  • A laser pointer for the lesson

    Point at things as you explain: the red trail fades away and nothing is written on the board.

Whiteboard · smart pen

A board that understands what you write.

Write a formula by hand and get a typeset one. Draw a wobbly circle and get a clean one. Recognition runs on your device: it works offline, reads Ukrainian handwriting, and your notes never leave the browser.

  • On your device
  • Works offline
  • Ukrainian handwriting
  • Handwriting to text

    Circle a line you wrote and insert it as editable text: Ukrainian handwriting, English and digits.

  • Formulas from a sketch

    A formula written by hand becomes typeset TeX, ready to edit with the formula palette.

  • A smart pen

    Hold the pen still at the end of a stroke and the line, circle or triangle comes out clean. A tick across a line makes a number line.

  • Graphs that plot themselves

    Cross two lines for a coordinate plane. Type a function, or draw a curve and Forma offers its formula.

  • Tables, notes and paper

    Tables that move with Tab and Enter like a spreadsheet, sticky notes that fit their text, paper in squares, dots or lines.

  • A frame for every part

    Name each part of the lesson with a frame, then export the whole board, every frame or just one as images or a PDF.

Try the smart board

More ways to shape an idea.

Slides for the meeting, a diagram for the process, a poster or a photo for everyone else. The same editor, the same files.

Made in Forma. Ready for your ideas.

An idea. A deck. Completely yours.

Build a deck slide by slide, or start from one of the designed presentations. Present right in the browser, then share one PDF with the fonts inside.

  • Present full screen in the browser
  • Deck templates, whole or slide by slide
  • Image masks, crop & gradients
  • One PDF, or every slide as an image
Edit this presentation

Made for moments like these.

Everyday things people make in Forma, who makes them and roughly how long they take.

Designer

The app before the first line of code

Arrange screens, try a layout and switch the theme. Keep the pieces editable as the interface takes shape.

MockupAbout 15 minutes
Try this one
Teacher

A lesson that grows with the class

Start from a ready lesson in mathematics, physics, chemistry or biology, or from a blank board. Write the formula by hand and let the board typeset it, plot the function beside it and circle the answer. Share the lesson as a PDF.

WhiteboardAbout 10 minutes
Try this one
Founder

The pitch for your next idea

Turn a plan into editable slides. Refine the words, images and colours, then share one PDF with the team.

PresentationAbout 20 minutes
Try this one
Team lead

The process everyone keeps asking about

Blocks and arrows that stay connected when you move things around. Share it as a PNG or SVG in the wiki.

DiagramAbout 15 minutes
Try this one
Community organiser

The poster for Friday’s event

Big type, one bold shape, your colour. Export a PNG for the group chat and an SVG for the printer.

DrawingAbout 10 minutes
Try this one
Small business owner

A photo that needs one caption

Crop, warm up the colours, add a line of text. The original photo stays untouched on its own layer.

DrawingAbout 5 minutes
Try this one

Skip the blank page. Start from something ready.

Laid out by hand: 48 websites and app screens, 60 presentations, 60 posters, posts, banners and brochures, and 166 lessons on boards for mathematics, physics, chemistry and biology. The type, the photos and the colours already work together. Change the words and the pictures, and it is yours.

Browse the templates

Anyone can look around. Using a template is part of Insider testing for now.

From idea to file. Three steps, no detours.

There is no onboarding to sit through. This is the whole path, every time.

  1. 1

    Start your way

    Choose a mockup, a whiteboard, a presentation, a diagram or a drawing. Or start from a template, or let your agent draft it.

    Takes a few seconds
  2. 2

    Make it yours

    Add shapes, text and photos, bend curves with the pen, connect blocks, arrange slides. Everything sits on its own layer and undo always works.

    As long as you like
  3. 3

    Take it anywhere

    Export SVG, PNG, JPG, WebP or a print-ready PDF with the fonts inside, and a whole deck as one PDF. Keep the editable .forma.json on your device or in your Drive folder.

    One click to export
+AI agents

Describe your idea. Edit what comes next.

Give your agent the Forma skill and describe a screen, a deck, a diagram or a graphic. It builds mockups with auto layout, shared styles and themes, lays diagrams out for you, validates the file and renders previews to check its own work. Open the .forma.json in Forma and refine every element. Here it designs an app.

Works with your agent

  • Claude chat
  • Claude Code
  • Codex
  • Gemini CLI
  • Grok Build
  • DeepSeek Harness
  • Cursor
  • Cline
ClaudeFrom an idea to an app mockup
Example workflow

Design SONO, a music app: one desktop screen and one phone screen, with auto layout, shared styles and a dark theme. Render both screens so we can review them.

Used the Forma skill

  • Built 2 screens with auto layout
  • Validated the file
  • Rendered both screens

Here is SONO: two editable screens built with auto layout and shared styles, in light and dark. The Forma skill validated the file and rendered both screens. Open the project to adjust any element.

sono-music.forma.jsonEditable mockup · 2 screensOpen
  1. 1Open the installation guideThe Forma app explains each step and includes example prompts.
  2. 2Choose your agentCopy one installation prompt; Claude chat also supports ZIP upload.
  3. 3Import the result into FormaOpen the .forma.json file and keep editing.
Install the Forma skill

The guide includes a minimum recommended model and installation prompt for each agent. Forma does not send your projects to the agent.

Ready in your browser

At your desk. On the go. In your browser.

The same editor on a computer, a tablet or a phone: the whole toolbar on a big screen, a dock and sheets under your thumb on a small one. Nothing to install.

  • No installation
  • Touch, stylus & mouse
  • Keeps working offline once opened
  • Light & dark, English & Ukrainian
Real Forma editor with the SONO music app mockup: desktop and phone screens, ready-made pieces and editable layers

Your work. Your files. Really yours.

Every project is an actual .forma.json file. Keep it on your device, or save it in your own Google Drive.

Just you and a file.

Create without signing in. Download your project and open it again whenever you want.

Your own corner of Google Drive.

Forma works in its own folder. It cannot browse the rest of your Drive. You can see, download and manage your project files yourself.

Your Google Drive
FormaOnly Forma’s files
From idea to done.forma.json

The rest of your Drive stays private

Start the way you like. In the browser or as an app.

Forma opens right in the browser, with nothing to install. Or take it as an app of its own, with its own window and icon: it checks for a new version at every start, and your projects stay in your Google Drive.

In the browser Nothing to install

Open Forma in a tab and start right away, on a computer, a tablet or a phone. Everything the apps can do is here too.

Open in the browser

Windows

Windows 10 or later, 64-bit

macOS

macOS 11 or later, Apple silicon and Intel

Phone or tablet

Android installs Forma straight from the browser. On iPhone and iPad, Safari adds it to the Home Screen.

The apps are not signed yet, so Windows and macOS may ask you to confirm the first launch. The download page in Forma shows how.

A place for every way of working.

Start without an account, sign in for your project library, or join the testers. Compare the features and limits currently available for each access level.

Free

No account

Try the editor right away, without signing in.

Per project

DrawingCanvases: 1
DiagramPages: 1
PresentationSlides: 3
MockupScreens: 3
WhiteboardFrames: 1

Features in available modes

  • CreateExcept: Mockup, Whiteboard
  • Open filesExcept: Mockup
  • Save to Drive: unavailable
  • Project fileExcept: Mockup
  • ExportExcept: Mockup
  • Templates: unavailable
Details by mode

Drawing

Canvases: 1
  • Create: available
  • Open files: available
  • Save to Drive: unavailable
  • Project file: available
  • Export: available
  • Templates: unavailable

Diagram

Pages: 1
  • Create: available
  • Open files: available
  • Save to Drive: unavailable
  • Project file: available
  • Export: available
  • Templates: unavailable
  • Infinite diagram: unavailable

Presentation

Slides: 3
  • Create: available
  • Open files: available
  • Save to Drive: unavailable
  • Project file: available
  • Export: available
  • Templates: unavailable

Mockup

Screens: 3
  • Create: unavailable
  • Open files: unavailable
  • Save to Drive: unavailable
  • Project file: unavailable
  • Export: unavailable
  • Templates: unavailable

Whiteboard

Frames: 1
  • Create: unavailable
  • Open files: available
  • Save to Drive: unavailable
  • Project file: available
  • Export: available
  • Templates: unavailable

Limits apply per project. Download your work where available.

Free

Signed in

Work with your projects and your Google Drive library.

Per project

DrawingCanvases: 1
DiagramPages: 1
PresentationSlides: 10
MockupScreens: 3
WhiteboardFrames: 1

Features in available modes

  • CreateExcept: Mockup, Whiteboard
  • Open files: available in all available modes
  • Save to Drive: available in all available modes
  • Project file: available in all available modes
  • Export: available in all available modes
  • Templates: unavailable
Details by mode

Drawing

Canvases: 1
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: unavailable

Diagram

Pages: 1
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: unavailable
  • Infinite diagram: unavailable

Presentation

Slides: 10
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: unavailable

Mockup

Screens: 3
  • Create: unavailable
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: unavailable

Whiteboard

Frames: 1
  • Create: unavailable
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: unavailable

Limits apply per project. Your library is on your own Google Drive.

for testers
Free

Insider

Help test Forma and get access to its new features.

Per project

DrawingUnlimited
DiagramUnlimited
PresentationUnlimited
MockupUnlimited
WhiteboardUnlimited

Features in available modes

  • Create: available in all available modes
  • Open files: available in all available modes
  • Save to Drive: available in all available modes
  • Project file: available in all available modes
  • Export: available in all available modes
  • Templates: available in all available modes
Details by mode

Drawing

Unlimited
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: available

Diagram

Unlimited
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: available
  • Infinite diagram: available

Presentation

Unlimited
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: available

Mockup

Unlimited
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: available

Whiteboard

Unlimited
  • Create: available
  • Open files: available
  • Save to Drive: available
  • Project file: available
  • Export: available
  • Templates: available

Limits apply per project. Sign in with Google to send a tester application.

All demos open freely. Other actions follow these permissions and project limits.

A few things you might be wondering.

Simple tools. Clear answers.

That idea in your head?

Give it a little Forma.

No setup. No blank-canvas pressure. Just start.Start creating
formabeta

A little shape. A lot of possibility.