Category: Changelog

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.