Apple Adds iPhone Duo and iPhone 18 Pro Bezels to Design Resources

Apple today kicked off what it billed as a "Surprise and Shine" event, and among the headlines were the long-rumored foldable iPhone Duo and the next iteration of its Pro flagship, the iPhone 18 Pro. With those announcements now official, the company's Design Resources portal has been quietly updated to include product bezels for both devices. The move gives app developers, UI designers, and product teams immediate access to official templates, signaling that Apple wants them to start building for these new hardware form factors right away.

Design Resources: A Developer’s Best Friend

Apple’s Design Resources library is a central hub for anyone creating apps within the Apple ecosystem. It provides official UI kits, SF Symbols, font metrics, and product bezels that make it easy to design interfaces that look at home on Apple hardware. The update that arrived after the event adds bezel files for the iPhone Duo and iPhone 18 Pro to the collection, ensuring that designers can begin work without waiting for third-party template makers to catch up.

Product bezels are transparent overlays that represent the physical frame of a device. When placed around an app mockup, they help designers visualize how the interface will look inside the actual hardware, including the size and position of any camera cutouts, the dynamic island, and the display corners. For the iPhone Duo, a foldable device, the bezel also reflects the unique folded-geometry display shape that will define the experience. For the iPhone 18 Pro, it offers an accurate guide for the latest Pro design language.

What Product Bezels Offer Designers

Using official Apple-produced bezels instead of third-party alternatives provides several advantages:

• Pixel-perfect alignment with Apple’s defined screen dimensions, corner radii, and safe-area guides.
• Immediate visual context for presenting interface designs in client decks, investor updates, or App Store marketing assets.
• Consistent asset quality when switching between design tools, because Apple ships files in universal formats that all major software can read.
• A baseline for team collaboration, ensuring that everyone from UI designers to product managers is looking at the same hardware frame.

For many teams, having the official bezel on day one eliminates the error-prone guessing that happens when a new device debuts. Instead of relying on approximations drawn from press images, designers can trust Apple’s own templates to show exactly where the physical screen edges meet the chassis.

iPhone Duo: A New Canvas for Mobile Apps

The iPhone Duo represents a dramatic shift in Apple’s product strategy. Foldable phones require apps to respond to two distinct display configurations: a compact outer screen and a larger, booklike inner display. The new bezel gives designers a clearer idea of the unfolded presentation surface, which is where the majority of immersive app experiences will likely take place.

Because the foldable hardware introduces a crease across the display, designers need to think about how to handle visual elements that span that central spine. The product bezel does not solve the code logic for adaptive design, but it gives a visual target for how the boundary should appear in concept work. Designers can use the bezel to plan how an app might split content across two halves or how it could present an uninterrupted canvas once Apple’s full-foldable UI guidelines mature.

iPhone 18 Pro: Fine-Tuning the Premium Experience

The iPhone 18 Pro is a more conventional update in terms of form factor, but it remains one of the most used devices for customers who buy Apple’s biggest and most capable phones. Even subtle changes to bezel thickness or corner curvature relative to previous models can affect how a user perceives app content. The Design Resources update ensures that mockups for iPhone 18 Pro are grounded in the same measurements the physical device will use.

For apps that focus on photography, video, or augmented reality, the iPhone 18 Pro bezel provides an accurate canvas to present camera system overlays or previewing features. It also helps guarantee that system UI elements, such as the Dynamic Island, are positioned correctly in promotional visuals.

Day-One Availability Matters

The timing of this update is not accidental. Apple has often released design resources shortly after unveiling new hardware, but shipping them on the same day is a deliberate push for software partners. Early access lets design teams align their production calendars around the new devices well before customers receive them. That way, when users open an app for the first time on an iPhone Duo or an iPhone 18 Pro, they are not greeted by misaligned buttons or cut-off widgets.

Because third-party template libraries usually take weeks to reflect accurate details, early access to Apple’s official assets gives a competitive advantage to teams that prioritize design polish. It also sets a standard for consistency across the app store, as multiple developers will be working from the same baseline.

Accessing the New Design Resources

Apple’s Design Resources portal is freely available to registered Apple developers and the wider design community through Apple’s developer website. The materials are distributed in a compressed archive that includes Sketch libraries, Photoshop files, and now the universal Figma layers that have become the industry standard. Inside the archive, the iPhone Duo and iPhone 18 Pro bezels are easy to locate and can be dropped onto an artboard behind the app design.

The process is straightforward: download the latest resource pack, unzip it, and drag the appropriate bezel into your design project. Once in place, the bezel acts as a reference layer that can help you verify margins, spot shape, and layout behavior without ever launching a simulator. Because these assets are official, they also come with documentation on recommended safe-area usage, which can be a useful companion for a development team.

Further Implications of the Update

Aside from the newest iPhone models, the Design Resources refresh suggests that Apple is investing heavily in foldable app support. While the hardware was just announced, the immediate release of a dedicated bezel points to a strong expectation that developers will begin exploring what is possible with a larger screen on a daily-carry form factor. Third-party accessory makers may also use these assets when designing cases or stands that need to fit the exact dimensions of the phones.

As the mobile design community becomes familiar with the iPhone Duo and iPhone 18 Pro, the arrival of these official resources will likely be seen as a quiet but essential part of the product launch. For app designers, nothing says "start working now" like receiving the official keys to the interface canvas.

Conclusion

Apple’s "Surprise and Shine" event produced two flagship iPhone announcements, but the updates to the Design Resources portal may prove to be the most important part of the day for many creators. The new product bezels put official design guidelines into the hands of the community immediately, removing guesswork and reducing the friction between idea and execution.

Whether a designer is mocking up a foldable news reader for the iPhone Duo or ensuring that a utility app lines up perfectly on the iPhone 18 Pro, these assets are now ready for immediate use. As the launch cycle progresses, we can expect the wider developer community to produce apps that feel at home on both devices, thanks to the groundwork laid out by this day-one update.

This article is based on reporting by 9to5Mac. Read the original article.