This iPhone Duo Figma UI kit and design system includes 50 example screens for the foldable iPhone’s outer display, inner portrait display, and inner landscape display.
Built around Apple’s iOS and iPadOS 27 design language, the library features light and dark design tokens, 16 component families, eight vector chart components, and reusable icons, logos, and photos.
The example screens include finance, trading, messaging, music, travel, shopping, health, and other common app interfaces.
Figma variables include web and iOS code syntax for Dev Mode, with documentation for working across all three display layouts.
The kit also includes Liquid Glass effects and requires SF Pro and SF Pro Rounded fonts.
Key Features
- Includes 50 example screens: 18 outer display screens (466 × 678), 18 inner portrait screens (669 × 951), and 14 inner landscape screens (951 × 669).
- Provides light and dark design tokens with 62 primitives, 44 semantic colors, spacing, corner radii, and device metrics.
- Contains 16 component families with variants and properties, including buttons, navigation bars, tabs, search fields, list rows, and sliders.
- Includes 28 SF Pro text styles and five effect styles with Liquid Glass materials and elevation effects.
- Features eight vector chart components: Sparkline, Area Chart, Bar Chart, Donut, Activity Rings, Gauge, Candlestick, and Heatmap.
- Provides 214 Lucide icons, 118 logos and brand assets, and 28 swappable photo components.
- Includes a Dark Mode Showcase and documentation for getting started, design foundations, display specifications, and iPhone Duo layouts.
Use Cases
- Design and prototype iPhone Duo apps across outer and inner displays.
- Create finance, crypto trading, and banking interfaces with reusable chart components.
- Develop messaging, music, video, and social app layouts for foldable screens.
- Prepare light and dark interface concepts for health, travel, shopping, and productivity apps.
- Build reusable Figma component libraries for iPhone Duo projects.
- Organize UI specifications and design tokens for developer handoff
The iPhone Duo iOS 27 UI Kit & Design System for Figma was generously created and offered for free by Carlos Custodio - download it now to enhance your next project with a professional-grade asset at no cost.
Unless otherwise specified, you can download and use it free for personal project.
If you encounter a broken or invalid download link on our site, please let us know through our Report Broken Link form.
If you mention it somewhere else, please always link to this page instead of download link.
DISCLAIMER::This free resource is aggregated from the web - we do not claim ownership or hold rights to the design assets. If you find our shared resources infringe upon your copyrights, please let us know via feedback so we can promptly remove them.
