Real Scale Preview

About this plugin

# 🎯 Real Scale Preview - Figma Plugin

**By Alexander Popovic**

*The ultimate tool for large-format design: preview your Figma layouts at true physical size.*

---

## ✨ Overview

**Real Scale Preview** transforms your Figma workflow by showing designs at actual real-world scale. Whether you’re working on posters, banners, architectural plans, or large digital displays, this plugin gives you precise 1:1 previews—so you know exactly how your work will look when printed or installed.

---

## 🔥 Key Features

### 🎯 One-Click Print Scale

- Hit “SET ZOOM TO PRINT SCALE” to instantly match screen size to print size

- Auto-detects frames named `"ReferencePrintFrame"`

- Displays target size: e.g. “Target: 3 Meters”

### 📐 Smart Reference Frame System

- Use any frame to define the print area

- Automatic detection of `"ReferencePrintFrame"`

- Priority logic: Reference → Selection → Viewport

- Frame remains active even when deselected

### 🖥 Intelligent Monitor Detection

- Uses `screen.width` to auto-detect your display

- Built-in presets:

- Cinema 30" (754mm, 2560px)

- iMac 27" (597mm, 2560px)

- MacBook Pro 16" (310mm, 1728px)

- Manual override for full control

### 📏 Live Scale Display

- Real-time physical dimensions as you zoom

- Supports meters, cm, mm, inches, feet

- Blue display shows measurement source

### 🔍 Transparent Math + Debugging

- See exactly how dimensions are calculated

- Debug mode shows all intermediate values

- Warnings ensure accuracy when fullscreen is off or monitor config is missing

---

## 🚀 Quick Start

### ⚡ In 30 Seconds

1. Install the plugin

2. Create a frame named `"ReferencePrintFrame"`

3. Open plugin – it auto-detects your frame

4. Hit “🎯 SET ZOOM TO PRINT SCALE”

5. Done! You’re now previewing at 1:1 scale 🎨

### 📚 Full Workflow

1. **Set Your Monitor**

- Select a preset or enter physical width

- Figma window width is detected automatically

- Fullscreen recommended

2. **Define Print Area**

- Frame = target print size (e.g., 3000px for 3m)

- Name it `"ReferencePrintFrame"` or set manually

3. **Set Target Size**

- Choose units (m, cm, in, ft)

- Use quick presets: 1m, 2m, 3m, 50cm

4. **Activate Scale**

- Click the “SET ZOOM” button

- Figma now shows your design at 1:1 print scale

---

## 🎨 Ideal For

### Large Format Design

- Booth graphics, signage, billboards, vehicle wraps

- Architectural drawings, plans, and elevations

### Print Design

- Posters, brochures, packaging

- Books, editorial layouts

### Digital Signage

- Retail displays, museum exhibits, conference screens

---

## 📊 How It Works

### 📐 Core Formula