We've added iPhone 14 & iPhone 14 Pro (with dynamic island) to the phone devices list. iPhone 14 has also been set as the default phone model for the phone object. Enjoy!
iPhone 12 as default phone model
Improvement
We have made iPhone 12 as the default model for the phone object - so you'll always be using the latest version. In addition to that, we've updated the phone model listing order to follow iPhone's releases.
New editor tools and improvements
New
We have working of few improvements to the editor to make it easier for you to complete your task on shotsnapp. Here is a quick list of what's available right now:
1. Better resize and rotate tool
You can now resize and rotate an object directly on the canvas instead of having to fiddle with the controls in the right panel.
-
2. Paste image from clipboard
Previously, when you're working on your design in Sketch or Figma, you have to export the frame/artboard first before you can use them into shotsnapp. In this new update, you can just copy them to clipboard, go to shotsnapp, select a device object, then Cmd/Ctrl + V to paste the image. Hopefully, this will make your workflow faster, and reduce clutter on your Desktop.
In Figma, you can select a frame, then make sure to press Cmd/Ctrl+Shift+C to copy a 2x flatten image version of your design.
In Sketch, you can click on an artboard, press Cmd/Ctrl + C to copy an 1x flatten image.
-
3. Image cropping and alignment tool
Sometimes you don't have the exact image size that can fit the objects' frame perfectly. So in this update, we are introducing a new cropping tool to let u choose which part of the image to be displayed on the device mockup. You can zoom to a certain part of the image too.
-
4. Inline text editing
In this update, you no longer have to go to the right panel to change the content of your text. Double click on a text object to enter edit mode where you can immediately start typing.
-
5. Other improvements & fixes
- Added iPhone 12 device. (Feel free to reach out to us to request for more devices and icons).
- Fixed an issue where 0% transparency doesn't persist on page reload.
- Moved the device colour options closer to the device model selection. Makes more sense there.
- Updated all pre-designed templates to use the new resize/rotate capability.
Zoom canvas with keyboard shortcut
New
We have implemented the standard keyboard shortcut to zoom your canvas without having to use your mouse.
- "Control/Command" + "=" to zoom in
- "Control/Command" + "-" to zoom out
- "Control/Command" + "0" to set to 100%
p/s: Multi-touch pinch to zoom from your trackpad will be supported soon!
Better dragging efficiency
Improvement
We have made a minor improvement to make dragging feels less laggy especially when you zoomed your canvas below 50%. Here's a GIF showing before and after the improvement.
Duplicate object on canvas
New
We are in the process to improve and introduce more keyboard shortcuts into Shotsnapp. For this version, we've added the ability to duplicate an object on the canvas.
Similar to most major design softwares out there, you can select an object, press Control+D (or Command+D) to duplicate an object. Duplicated object will inherit the original object's properties like scale, colour, rotation and more.
We've also improved the efficiency of "Delete" action now.
Introducing the new Icons object ✨
New
Today, we are introducing a new object on Shotsnapp called Icons. You can now spice up your mockup image further by adding some useful icons along with other object, like Text.
You can access it from the Objects panel like the rest of the objects
Once clicked, a Star icon will be added on your canvas. From here, u can choose from our growing gallery of simple icons. Depending on your need, you can also change the color, size and rotation of the icon.
We will be growing our icon gallery from time to time. Feel free to suggest and request for specific icons by tweeting at us @tryshotsnapp. We hope you'll enjoy this new addition!
Text line width issue
Fix
There was issue affecting the Text object when you're trying to change the line width property. We've fixed it 👏
New iPhone 11 and Pixel 4 device
New
As requested by some of our users, we've added the new iPhone 11 and Pixel 4 into the list of supported phone models.
We're starting a changelog
New
[This is your first changelog. Below you can edit or make it public]
Big news today, we're starting a public changelog so you're always up to date with all the updates, improvements and fixes that are made in Shotsnapp.
Even though we work on Shotsnapp all the time, sometimes it may seem that not much is happening. This changelog is here to improve that very important part of the communication between you and us.
You'll always receive an update when we change something in the widget, or if needed all things we've changed is available on our public changelog page.