pre-design · moodboards · 3d massing

From a blank site to a 3D form, in the browser.

One project, two surfaces. Build moodboards on a freeform whiteboard, then turn a real site into a conceptual 3D massing — draw solids and voids, study sun and shadow, all without opening BIM.

runs in your browser · saves locally · nothing to install
y+ studio — riverside parcel Moodboard3D
moodboard
3d massing
FAR 2.84/3.0 GFA 12,480 within limits

Two tools, one project

Float between a moodboard and a 3D massing surface anytime. They live in the same file.

Moodboard whiteboard

A real canvas engine for fast concept boards.

  • Drag-and-drop, paste, or upload images
  • Text with font, size, weight and alignment
  • Shapes — rectangles, ellipses, stars, lines, notes
  • Layer, group, duplicate · export to PNG or PDF

3D massing studio

Real site to conceptual form, on a map or in free 3D.

  • Search a site, draw the parcel
  • Your own zoning — setback, floors, FAR, height
  • Draw solids and carve voids with banded cuts
  • Pick, move and rotate blocks with a 3D gizmo

Built for the first two design phases

Everything you need before anyone opens a BIM or CAD tool.

Massing on a real map

Vector basemaps with your form extruded in real map context.

Editable map context

Load surrounding buildings from open map data, then edit heights or remove them.

Sun & cast shadows

Drive the sun by date and time, or set height and angle directly.

Real-time 3D

Orbit a free-form model with real cast shadows.

Live metrics & compliance

Footprint, coverage, GFA, FAR and height — colour-coded to limits.

Export & share

Pre-design PDF one-pager, PNG snapshots and read-only links.

How it works

From idea to shareable study in minutes.

01

Collect the vision

Drop references and notes onto a moodboard to set direction.

02

Shape the form

Switch to 3D, draw the site and massing, then carve solids and voids.

03

Study & share

Check sun, shadow and metrics, then export a PDF or send a link.

Pre-design, explained

What the first two phases of a project actually involve — and where a browser tool fits.

phase 01

Concept

References, materials, colours and moods — the visual language the project should speak.

phase 02

Pre-design

The language meets reality: a parcel, zoning rules, a target floor area, and the sun.

phase 03

Schematic

Plans, sections and coordination — the chosen direction gets drawn properly.

phase 04

Documentation

BIM, details and permits — precision work on decisions already made.

Y+ Studio works here

How much floor area fits on this site?

Floor plates accumulate into GFA as you draw — the counter updates with every block.

How tall does that make the building?

Height and floor count are checked live against the envelope you set — colour-coded to limits.

What do the shadows do at 3 pm in December?

Drive the sun by date and time and watch cast shadows respond on the map or in 3D orbit.

Which massing option keeps the courtyard lit?

Draw solids, carve voids, duplicate the study — try five options in an afternoon.

the usual patchwork

Four tools, zero conversation

  • Image boards in one app, disconnected from the site
  • Zoning arithmetic maintained by hand in a spreadsheet
  • Massing in heavyweight CAD or BIM — minutes to open, hours to learn
  • Tools built for precision and documentation, asked to do speed and iteration
with y+ studio

One file in the browser

  • Moodboard and massing share the same project file
  • Search the address, trace the parcel, set the zoning envelope
  • Footprint, coverage, GFA, FAR and height recompute as you draw
  • Export a one-page PDF, PNG snapshots, or a read-only client link
the point

Y+ does not replace your BIM tools — it protects them from the churn of the first two phases.

When the concept is agreed, you take the numbers and the form into documentation with the expensive decisions already made.

Frequently asked questions

The short version of everything people ask before their first study.

Is Y+ Studio free?

Yes. The free tier includes both surfaces — moodboards and 3D massing — with local saving and exports, supported by ads on the site's content pages. Y+ Pro removes ads and unlocks Google Drive sync so your projects follow you across devices.

Do I need an account to try it?

No. Open the studio and start drawing — projects save to your browser's local storage on your machine. You only connect a Google account if you want Drive-backed storage, and even then projects go to a private app folder in your own Drive, not to our servers. We do not run any.

How accurate are the GFA and FAR numbers?

They are exact for what you drew: floor areas are computed from your massing's floor plates, and compliance is checked against the zoning envelope you entered. What they are not is survey-grade — parcel boundaries traced on a web map carry the basemap's accuracy, and local codes have subtleties (bonus floors, mezzanine rules, exemptions) that you encode yourself. Treat the numbers as feasibility arithmetic, then confirm with your local planning documents.

Where do the surrounding buildings come from?

From open map data (OpenStreetMap). Coverage varies by city — dense city centres are usually well mapped, informal fabrics less so. You can edit the loaded context: correct a neighbour's height, or delete buildings that no longer exist, so shadow studies reflect the street as it actually is.

Can it replace my BIM or CAD software?

No, and it is not meant to. Y+ covers the phase before BIM makes sense: reference gathering, site feasibility, massing options, sun studies and the first client conversation. Once a direction is chosen, you move to your documentation tools with the massing logic and the zoning maths already settled.

What can I export or share?

A pre-design PDF one-pager that combines the moodboard, the massing views and the metrics table; PNG snapshots of any view; and read-only share links for reviewers who should see the study but not edit it.

Which browsers and devices are supported?

Current versions of Chrome, Edge, Firefox and Safari on desktop. The 3D massing surface uses WebGL, so a laptop or desktop is recommended; share links open fine on phones for viewing.

Start your
first study.

Free, in your browser. No account required to try it.

Open Y+ Studio