Figma + Spline 3D Folded & unfolded · iOS 27 UI Kit

iPhone Duo mockups for Figma.

Present on the iPhone that ships 23 October. Apple's iPhone Duo in both states — closed on the 5.4″ outer screen, open on the 7.6″ display — as fully editable Figma frames, with an optional Spline 3D device that actually folds.

Status
Announced · in stores 23 Oct 2026
States
Folded · Unfolded
Displays
7.6″ inner · 5.4″ outer
Finish
Night Sky · Star White glass
Screens
Apple iOS 27 UI Kit
Formats
Figma link · .spline · GLB · .splinecode · PNG · MP4
iPhone Duo mockup unfolded, black glass bezel in Night Sky, showing the iOS 27 home screen with News and Weather widgets
Unfolded · black glass · 1:1 from the kit Independent mockup kit · not an Apple product
Unfolded · Apple spec
164.6 × 117.8mm
Folded · Apple spec
84.1 × 117.8mm
Thickness, open
5.2mm
Fold transition
2.6s · 3D bundle
01 Two states, two finishes

Closed in the pocket. Open on the desk.

Every device ships in both states and both glass finishes, so a single flow can be shown from the 5.4″ outer screen to the full 7.6″ canvas without switching kits.

iPhone Duo mockup folded, black glass bezel in Night Sky, outer screen with iOS 27 home screen
Folded · black glass83.8 × 120.6 mm
iPhone Duo mockup folded, white glass bezel in Star White, outer screen with iOS 27 home screen
Folded · white glass83.8 × 120.6 mm
01

Nothing is flattened

Both frames are vector. Scale them to a billboard or a favicon and the chamfer stays crisp.

02

Real iOS 27 home screens

Assembled from the official Apple iOS 27 UI Kit — system icons, dock, status bar and widgets you can rearrange.

03

Night Sky or Star White

Two bezel colourways per state, matching Apple's two finishes. Swap them with a single layer toggle; the titanium frame stays put.

02 Anatomy

Every surface on its own layer.

The device is built the way the real one is machined: outer contour, chamfer, polished inner edge, glass bezel and hinge spine — each a separate, editable layer. The Screen layer is yours.

iPhone Duo mockup unfolded, white glass bezel in Star White, iOS 27 home screen with widgets
Unfolded · white glass · Screen layer visible
01

Drop in your design

Paste a 2× export into the Screen layer of either state. The bezel and inner edge mask it for you.

02

Or hide it entirely

Turn the Screen layer off for a transparent screen — ideal for compositing animated UI or video behind the glass.

03

Recolour the metal

Titanium contour and chamfer are plain fills. Night Sky, Star White, or a finish Apple never shipped — change one style and the whole frame follows.

The iPhone Duo Frame board in Figma: the folded and unfolded mockups side by side with black glass bezels, labelled Folded and Unfolded
Board 01 · Black glassFolded + Unfolded
The second board in Figma: the same folded and unfolded mockups with white glass bezels and a different home-screen icon layout
Board 02 · White glassFolded + Unfolded
03 Figma + Spline 3D bundle

And then it folds. In three dimensions.

The bundle adds the device modelled in Spline: three scenes, a folding animation around the hinge, and exports that open in Blender, Cinema 4D, three.js — or embed straight into a web page.

Spline · Folding animation · Folded ↔ Unfolded · 2.6 s
Scenes

White, Black and Glass

Three lit, camera-ready scenes. Glass is a fully transparent shell for exploded views and product-page hero shots.

White
Black
Glass
Animation

Folded ↔ Unfolded

Two states with a 2.6-second transition that rotates around the hinge spine, ready to trigger on scroll or hover.

State · 2.6 s · ease in-out
Export

GLB / GLTF

Opens in Blender, Cinema 4D, three.js, or back into Spline.

.glb.gltf.spline
Web embed · .splinecode

Paste-ready React and vanilla snippets

// React
import Spline from '@splinetool/react-spline';
export default function Device() {
  return <Spline scene="/iphone-duo.splinecode" />;
}

// Vanilla
import { Application } from '@splinetool/runtime';
const app = new Application(canvas);
app.load('/iphone-duo.splinecode');
Stills & loops

Transparent PNG renders and MP4 loops

Both states, all three scenes, on transparent backgrounds for decks and store listings — plus seamless MP4 loops of the fold for reels and landing pages.

PNG · alphaMP4 · loop2× · 3×
04 Geometry

Apple's numbers, not guesswork.

The frames were modelled ahead of the keynote from the public reporting, and Apple's published specification landed within 3 mm of them: a near-square 7.6″ inner display, a 5.2 mm open profile and a spine-side hinge. The pass that aligns every edge, bezel and camera to the official spec is under way, and existing customers receive it free.

HINGE 164.6 mm 117.8 mm 84.1 mm FOLDED WIDTH UNFOLDED · TOP VIEW · 5.2 MM THIN
MeasureSourceValue
Unfolded, W × HApple specification164.6 × 117.8 mm
Folded, W × HApple specification84.1 × 117.8 mm
ThicknessApple specification5.2 mm open · 11.3 mm closed
Inner displayApple specification7.6″ · 1878 × 2670
Outer displayApple specification5.4″ · 1398 × 2034
Bezel finishKit colourwaysNight Sky · Star White glass
FrameKit layersTitanium, chamfered
Screen artworkApple iOS 27 UI KitOfficial components

Dimensions and displays are Apple's published iPhone Duo specifications. The frames in the kit today follow the pre-keynote reporting (167.6 × 120.6 mm open) and are being revised to the official geometry; that update is free for every buyer. iPhone Duo is a trademark of Apple Inc.; this kit is not affiliated with or endorsed by Apple.

05 Pricing

One payment. Yours for good.

Pick the flat Figma kit, or add the 3D device for angled shots, motion and interactive embeds. Both include the free update to Apple's final geometry.

Tier 01 · Figma kit
$29USD · one-time

The editable Figma mockups

Everything you need to present an app on the foldable, flat and pixel-exact.

  • Folded and unfolded device frames, fully editable — no flattened images
  • Titanium contour, chamfer, polished inner edge, glass bezel and hinge spine on separate layers
  • Dedicated Screen layer per state — drop in a design or hide it for transparency
  • Home screens from the official Apple iOS 27 UI Kit
  • Black-glass and white-glass colourways
  • Free update to Apple's published iPhone Duo geometry
Buy the Figma kit $29 Figma link + PNG exports · instant
Tier 02 · Figma + Spline 3DMost complete
$49USD · one-time

The Figma kit, plus the 3D device

For angled renders, video, and a device that folds on your own website.

  • Everything in the Figma kit
  • The device in Spline 3D — White, Black and Glass scenes
  • Folding animation, Folded ↔ Unfolded, 2.6 s around the hinge
  • GLB / GLTF export for Blender, Cinema 4D, three.js or Spline
  • .splinecode web embed with React and vanilla snippets
  • Transparent PNG renders and MP4 loops
Buy Figma + Spline 3D $49 Figma link + .spline + GLB + PNG + MP4
06 FAQ

Straight answers.

01Is this an official Apple product?

No. iPhone Duo is Apple's foldable iPhone, in stores from 23 October 2026. This kit is an independent mockup of it for designers, and it is not affiliated with, sponsored by or endorsed by Apple. The frames were modelled ahead of the keynote from the public reporting, and the pass that aligns them to Apple's published specification — 164.6 × 117.8 mm open, 5.2 mm thin, under-display inner camera — ships to every buyer as a free update.

02What file formats do I get?

The Figma part is delivered as a Figma file link — open it and hit Duplicate to drafts, and the folded and unfolded devices land in your own account as editable vector frames, no import step. Your download also carries transparent PNG exports of both states in both colourways. The Figma + Spline 3D bundle adds the Spline project (.spline) with White, Black and Glass scenes, a GLB/GLTF export that opens in Blender, Cinema 4D, three.js or back in Spline, a .splinecode file for web embeds with a paste-ready React and vanilla JavaScript snippet, transparent PNG renders of both states, and MP4 loops of the folding animation.

03Can I edit the layers and drop in my own screen design?

Yes. Nothing is flattened. The titanium contour, chamfer, polished inner edge, black-glass bezel and hinge spine each sit on their own layer, so you can recolour or restyle them. Each state has a dedicated Screen layer: paste your design into it, or hide it to get a transparent screen for compositing. The included home screens are built from the official Apple iOS 27 UI Kit, so the icons, dock, status bar and widgets are real components you can rearrange.

04What is the difference between the Figma kit and the Figma + Spline 3D bundle?

The Figma kit ($29) is the editable 2D mockups: folded and unfolded frames, two colourways, the layered device and a Screen layer per state. The Figma + Spline 3D bundle ($49) includes everything in the Figma kit plus the device modelled in 3D: three Spline scenes (White, Black, Glass), a folding animation with Folded and Unfolded states and a 2.6-second transition around the hinge, a GLB/GLTF export, a .splinecode web embed with snippets, transparent PNG renders and MP4 loops. Choose the bundle if you need angled shots, video or an interactive device on a website.

05What licence do I get, and can I use the mockups in commercial work?

One purchase covers you and your team, across as many projects as you like, for unlimited personal and commercial use: client presentations, App Store screenshots, portfolio pieces, marketing pages, pitch decks and videos. You may not resell, share or redistribute the source files (the Figma file, .spline, GLB or .splinecode files) on their own or as part of another kit, template or asset pack. The full text is in the licence linked in the footer.

06Does the kit match Apple's final iPhone Duo?

Close, and getting closer. The frames were modelled before the keynote from the leaks and landed within 3 mm of Apple's published 164.6 × 117.8 mm footprint, with the same near-square inner display and spine-side hinge. We are revising the geometry, bezels, camera and hinge to Apple's specification, including the under-display inner camera, and every existing customer gets that update free through the same download link they received at purchase.

07Do I need a paid Figma plan or a Spline account to use it?

No. The Figma kit uses standard features (frames, components, image fills) that work on every Figma plan, including the free tier. For the bundle, the GLB/GLTF, PNG and MP4 files work without Spline at all. Opening and editing the .spline project needs a free Spline account; embedding the .splinecode file on a site only needs the open-source @splinetool/runtime package.

iPhone Duo Mockup Kit · one-time payment

Ship the iPhone Duo version of your app first.

Two states, two finishes, real iOS 27 screens — and a 3D device that folds. Instant download, free update to Apple's final geometry.