iPhone Duo Simulator

by Plurigent

Online Design PreviewYour designs, across displays and folds.

Independent browser preview for designs. Run native iOS apps in Xcode’s Simulator.

Understand the behavior behind the preview

How to use the iPhone Duo Online Simulator

Paste a Figma or webpage URL. Choose Cover, Book or Open, then rotate the device to compare layouts. Use the layout controls to check safe areas and system bars. The built-in Fieldnotes example keeps its draft, selection and scroll position as you explore.

Built-in content follows the device as it folds. Embedded webpages use a flat preview unless you explicitly share a live capture. Native iOS behavior should be verified in Device Hub or on a device.

Your content stays under your control.

External pages load only after you press Load. Their own framing and sign-in rules still apply. URLs and drafts are not sent to a Plurigent server, stored automatically or included in scene exports. An external provider will receive requests when you load its content.

Built from documented patterns. Calibrated as an illustration.

Display presets and system-bar geometry follow our Safe Area and Figma design references, with 1 reference pt mapped to 1 CSS px before zoom. Compression rules, timing, gestures and fold shading remain illustrative. Angle changes the device drawing; the selected pose and reserved regions drive layout. Confirm native behavior in Device Hub and on a device.

Connect a development preview

The optional bridge sends simulation geometry to a page you control. It requires an explicit host origin and a capability handshake. It does not expose native iOS APIs.

View the bridge script ↗

View the integration example ↗

Design

Make room for the idea

A layout should adapt. The task should stay.

Start with a familiar task: read a note, capture a thought and carry on. The device can change shape without changing what you came here to do.

Keep one selection across narrow and wide layouts. When there is room, show the list beside the detail. When there is less, preserve the same path back.

Compare this view-only example across device states. Load your own Figma prototype or webpage from the design field above; opening and folding do not replace the shared source.

Keep important controls within reach. A fold can make a useful division, but continuous reading content does not always need to move out of its way.

Try a larger text setting. A design is more resilient when its labels can wrap and its content can scroll, instead of shrinking until it fits.

Change the window, not the intent. Layout experiments are useful when they help a team explain a problem and repeat it.

9:41

Loading USDZ hardware…

Preparing 3D preview…

Drag to rotate · model zoom and pan are disabled

Preparing your preview…

Camera & composition

Presentation viewsDevice + camera

Select a composed view to set the display, pose, reference viewport and camera together. Your content and source stay in place. Test scenarios and manual hinge changes do not choose a camera view.

Camera orbit0°Camera elevation0°

Hardware details

Dragging follows your input. Angle targets use a damped transition; exact edits and keyboard steps apply directly. Grab the moving slider or select Stop here to take over. Reduced motion removes the transition.

Screen sourceFieldnotes · shared data, canvas rendering

Fieldnotes uses the original interactive DOM on planar screens. While folded, the screen mesh redraws the same route, draft, bookmark, sheet, menu and reading position from shared app state; it is still not a pixel-for-pixel DOM capture. Unfold to resume input without resetting the session.

Loading USDZ hardware…

The device area waits for the requested model. No custom reference model is substituted, and your content session is not recreated.

Hardware and simulation are separate

Only the supplied USDZ-derived hardware is displayed. Its detailed chassis, cameras and buttons are loaded from the local prepared GLB. The procedural reference implementation is retained in the project but is never shown, including during loading or errors.

Viewport size changes the simulated content, not the chassis. Custom aspect ratios are letterboxed without stretching. Rotate changes the whole device orientation.

Presentation views coordinate framing and device state. Camera-only controls preserve the hinge. Direct orbit takes over at the visible position. The page and hardware use the same evaluated camera every frame.

Studio separates frame, backplate and lens reflections using local studio environments. Proof restores source material parameters under neutral hardware lighting and keeps display colors unlit. Neither is a measured material or calibrated color proof.

Source: user-supplied Apple USDZ and product-bezel reference. Conversion supports this asset only; materials approximate its USD Preview Surface data. The interpolated hinge is not a measured mechanism or an Apple-authored animation.

iPhone Duo Simulator

Make room for the idea

Controls move; the task remains.

Displace purposefully.

One running session.

Understand the behavior behind the preview

How to use the iPhone Duo Online Simulator

Your content stays under your control.

Built from documented patterns. Calibrated as an illustration.

Connect a development preview

Make room for the idea