SketchMason

No. Boxes are enough. Writing a word or two inside them helps a great deal, though. A labelled rectangle is an instruction, an unlabelled one is a guess.

One generation. A style guide, a screen, a page in a flow, or a revision from the chat is one credit each. Drawing, moving, resizing and everything else on the canvas is free.

Your mood board. We read the images for palette and typographic feel, then produce every design token bound to a role, with contrast checked on the pairings that decide legibility.

Yes, up to six per project. They steer palette, density and type personality. They are never copied into the design itself. Your sketch still decides the layout.

A design on the canvas you can move, resize, revise and grow into a flow. It is built from your own design system, so every screen you generate afterwards still matches.

SketchMason, or Mason for short, is an AI design tool that turns a hand-drawn interface sketch into a finished UI design. You draw a rough frame on a canvas, describe what belongs inside it, and SketchMason generates the screen, built on a design system so the next screen matches it.

You block out a screen with rectangles on an infinite canvas and label them. A labelled rectangle is an instruction, so the labels are what the layout is generated from. SketchMason builds the screen against a design system, and the finished design can be exported as HTML.

No. Boxes are enough. Writing a word or two inside them helps a great deal, though. A labelled rectangle is an instruction, an unlabelled one is a guess.

Yes, and it is free to start. A new account comes with two generations and asks for no card. Sign-up takes an email address and a password, and everything you draw is kept on the account.

Yes. A key you paste into the canvas is held in the browser tab only, sent with the generation request, and gone when the tab closes. SketchMason never stores it.