RealSize
Preview your UI in actual screen size.
Plugin Preview
About this plugin
More and more electronic devices—smart watches, smart home products, sports cameras, and beyond—now rely on compact on-device user interfaces. However, designing for small screens can be challenging. Designers often can’t accurately preview how their work will appear on the actual device, making it difficult to judge layout, font size, and overall usability.
The RealSize plugin can help! Simply enter the specifications of both your design screen and the target device screen, complete a quick calibration, and you can preview your UI at its true physical size—right on your design display. This makes designing for small screens far more intuitive, accurate, and efficient.
Special thanks to Sam Liu for his constructive suggestions during the plugin’s development!
Plugin Details
| Version | 1 |
|---|---|
| Created | February 12, 2026 |
| Last Updated | February 12, 2026 |
| Category | Accessibility tools |
| Creator | Andy Ye |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥