We added a way to see any side of a big design even if that design is bigger than your preview area. If you zoom a design to be bigger than the preview area, you’ll instantly see a new Preview Alignment button appear right next to the Preview menu. Your alignment defaults to Center, but you can quickly tap the button and release on any option like Top, Bottom, Leading, etc based on how your design is sized.
Instantly, you’ll see that part of the design pinned so you can work on the top of a design or the side of a design without having to reduce the zoom of a design like before. Finally! This has been an issue for a long, long time with DetailsPro and we are excited to finally have fixed this problem.
- Many community templates have been updated for Repeat. Check out the Featured collection in Community.
We added an easy way to design for repeating content in SwiftUI with our new Repeat element. You can design lists, carousels, rows, tables, and more. You can also handle special cases, selection states, variations, and alternates with controls that let you make special modifications to any specific items in your repeat separately from the others (just like in real interfaces). You can also nest repeats in repeats!
To help you get started with Repeat, we’ve updated every template in DetailsPro that could use repeating elements with the new feature, so you can pick one that is close to your use case as a good starting point. To use repeat in one of your own existing designs, you can select the first element you want to repeat and then long-press to wrap that element in a Repeat. Then, you can delete any manually-repeated elements that were after that element and now instead use the Items section of your new Repeat to quickly add, edit, and design with your content.
Read more about this update in our blog post.
- The following templates have been updated to include Repeat for their content: Store, Scrolling Rows, Media Scroll, Pricing, Pricing Tiers, What’s New, Large Navigation, Adventure Grid, Grid, and Weather.
Fixes and Improvements
- Improved the presentation of inspectors when the keyboard is showing on iPad
- Fixed a bug that was causing “My Profile” to display incorrectly
- Inspectors on iPhone now behave more similarly to sheets on iOS, allowing you to dismiss them each individually and have multiple inspectors open at different heights. To dismiss all inspectors at once, tap on the background of your design area.
- Added SwiftUI code export for the new Repeat element, which exports as a
We added two new templates that were requested—one is called Store and you can use it as a starting point for designs that mirror the App Store, with a special scrolling row at the top and many smaller rows of content below. The other template is called Scrolling Rows and this is more of a detail page with horizontally-scrolling rows. As always, these templates are free and included with DetailsPro. Access all available templates in the “New From Template” row on the homepage or by selecting the “Start with Template” button after creating a new design.
We also added in files search so you can quickly pull up any files you’ve previously made. At the top of the Designs tab or in any opened folder, you can search for files by name.
- Store—use this as a starting point for designs that should have a featured row at the top with content that might have multiple kinds of metadata.
- Scrolling Rows—use this for designs that need to catalog or organize many different sublists of content, like seasons of a show or categories of products in a store.
- Large Navigation—this is a basic and empty template that features a large navigation title. Use this template for screens that might be at the start of the flow, before someone has scrolled, when their device would show this bigger, bolder title.
Fixes and Improvements
- Added files search to the Designs tab and to folders
- Added “place” as an alias for “New Item with Stack” along with “wrap” and “embed” when using
- The status bar of your device is now hidden when previewing a design in full screen, so you can use DetailsPro to design new status bars and elements in the status bar area
- Fixed a bug that was causing the tappable area of images to sometimes exceed their visible shape
We made it easier to enter text when designing on iPhones with a new, compact text field that appears automatically. You can dismiss the keyboard quickly by tapping done or by swiping down on the text field.
We also made our sharing menus simpler, cleaner, and easier to use on all platforms. We’d received many requests for a Save to Files action, which has now been added, and also created new items in the sharing menu specifically for quickly sharing SwiftUI code. We also consolidated the sharing actions for Swift Playgrounds and Swift Playgrounds Apps into one.
- Pricing and Pricing Tiers—use these templates as starting points for pricing pages, paywalls, and subscription pages.
Fixes and improvements
- The Templates picker now shows a “Most Popular” list
- Improved animation of design changes on iOS 16, iPadOS 16, and macOS 13
- Improved designing on iPhone with faster and more ergonomic animations of inspectors and buttons
- Added the Blend Mode modifier for beautiful vibrancy effects
- Swiping to delete modifiers if now more reliable
- Fixed a bug that was sometimes causing the Numpad to update slowly
- Lowered app size of our macOS app on macOS 13
- Fixed a bug that was causing ⌘D to sometimes not work for duplicating an element
- Fixed a bug that was causing “Preview in AR” to sometimes not start on iPhone
We added support for SF Symbols rendering modes monochrome, hierarchical, and multicolor. We also updated our SF Symbols UI to add an intuitive SF Symbols picker and browser that automatically shows only the available options for any given SF Symbol so you know which rendering modes are supported. When browsing through symbols, you can also change the preview for the entire grid with a new picker.
We also added support for SF Symbols with variable color so you can represent different values for a symbol’s capacity or strength, like a Wi-Fi signal strength symbol at different levels. Our new SF Symbols UI automatically shows a variable color level slider for any symbol that supports variable color.
- Weather Widget—use this template for information-rich widget designs and to play with multicolor SF Symbols.
Fixes and improvements
- Your last search in the SF Symbols picker is now persisted across picker opens so you are taken right back to the last results you were looking at
- Your last rendering mode selection in the SF Symbols is also persisted across picker opens
- Added opacity level to the preview that is displayed for shape colors
- Added “flash” as an SF Symbols alias for “bolt”
- Fixed a bug that was causing SwiftUI code export Overlays, Backgrounds, and Masks to sometimes not indent properly
We added a new way to interact with your designs in DetailsPro from your keyboard called Keyboard Commands. Bring up the Keyboard Commands menu by entering
⌘K on your Mac or iPad, and then carry out actions ranging from adding new elements and fine-tuning modifiers to browsing SF Symbols and picking SwiftUI colors.
Keyboard Commands has been made from the ground up for SwiftUI design power users. There are actions for every SwiftUI element, quick presets for options like Spacing and Padding, and lightning-fast SF Symbols search. You can move elements from any position in your design to any other position, you can delete, duplicate, convert, copy, and paste elements, and you can even carry out multiple actions at once like adding a Frame modifier with a custom width and height in one move.
Fixes and improvements
- Changed Corner Radius default corner style to smooth corners
- Improved SF Symbols search speed and accuracy, especially when searching with periods or spaces
- Pressing Esc now closes the keyboard commands menu
- Added keyboard commands for preselecting a type of element and adding that element as a Background, Overlay, or Mask
- Added a keyboard command for pasting copied elements when an insertion point is selected
- Added keyboard command aliases for Apple HIG font families, like “Serif” for “New York” and “Sans Serif” for “SF Pro”
- Added a new video tutorial, Designing from the Keyboard
- Fixed a bug that was causing SF Symbols search to sometimes be hidden
- Fixed a bug that was causing elements to stay collapsed after adding in a new element using keyboard commands
We added gradients as design elements you can add to your designs. You’ll find Linear, Radial, and Angular as options and a friendly interface for adding and editing colors and controlling the parameters of each type. Where changing gradients in Xcode can be cumbersome due to different signatures, we wanted to make this simpler with DetailsPro. Simply tap to change the type and the options (and SwiftUI code export) will automatically update. We also support the default iOS 14 Color Picker so colors you’ve saved across apps are accessible here.
We added an Unsplash integration into our image picker. Now, alongside Choose from Photos and Choose from Files, you can select Choose from Unsplash to search Unsplash by term or by curated collection. This should make it a lot easier to mock something up when you don’t already have the perfect images.
Fixes and improvements
- Convert to Stack now keeps any modifiers that were on the original stack
- Rotation Effect allows easy increment by 15° or 45°
- iPhone: Made color editing more compact
We made continued improvements to the editing UI that appears on iPhone. The drawer now opens up faster, and picking a new design element to add happens in an additional compact drawer that floats above everything else.
We are hearing a lot that many of you are primarily designing from your iPhones while on-the-go and that has us very excited. Our goal has been, from the beginning, to make designing beautiful interfaces accessible to as many people as possible. So we are going to be making sure as time goes on that every important upgrade to DetailsPro has a first-class implementation on the compact size as well as the larger sizes of iPad and the Mac.
We found a number of areas where we could make loading, interaction, and animation smoother than before. DetailsPro is a 100% native app written in SwiftUI, optimized for the M1 chip and the latest iPhones and iPads on iOS 14. With this update, we greatly reduced DetailsPro’s memory usage and CPU usage so you should feel the app is snappier and faster than before.
We’ve taken inspiration from one of our favorite apps that helps us build DetailsPro, Linear, and started this changelog to keep you up-to-date on the latest improvements we make week-to-week.
We are working on DetailsPro all the time to make it easier for you to design your greatest ideas in less time than ever.