Where the design community meets.
NYC UX Designer Joined almost 4 years ago
Thank you! Glad you like it : )
Hello! I've built this little screenshot tool for designers and front-end engineers. It mainly addresses those gaps that Mac's standard Cmd+Shift+4 doesn't cover well: better control over screenshotting process, annotations, taking precise measurements. In the new release I added a bunch of features such as Scrolling screenshots, ability to erase parts of the image, and customizable hotkeys.
Some of the improvements were implemented based on the past Designernews user comments, I pay attention to what you guys say, feel free to reach out and request a feature.
Hi there! I'm using screenshots a lot, mostly to measure sizes, check things up close, and send quick notes to front-end guys. I built Shottr to improve those workflows.
I already published this app here half a year ago, this is a new version rewritten from scratch. It's native, small and blazing fast. It also supports annotations now. Give it a try, I'd love to hear your feedback.
Hey, just so you know, the new version is out and the feature you asked about (screenshot of an area by Cmd+Shift+2) is included in the release.
The fullscreen mode got a bit faster, hope the default workflow will feel snappier too.
The more I think about this approach, the more it makes sense. I always thought of the reversed logic (grab first, crop later) to be more advantageous because it allows for zoom and greater precision. If the user has to select a region on the screen and re-select it in app, it kind of doubles the effort. But then again, if the user don't care much about precision and wants to have a slightly better cmd+shift+4 experience, why not?
Anyway, I created a test build that works this way: [link removed; the new version with this feature is available on https://shotr.cc/]
The workflow is as follow: Cmd+Shift+1 → Select a region → [window pops-up] → press Esc (the window goes away, the image is copied) OR press Cmd+C (the window goes away, the image is saved).
Give it a try, I'm interested in your thoughts.
Thank you for the warm feedback! Appreciate it a lot : )
How's the experience so far? all works good? Any suggestions?
Yeah, I see. The workflow of preselecting the area with a separate shortcut is going to take a bit of time to implement, can't give any promise here. But I'll definitely look into this.
I can also use a hotkey to copy or save You probably already figured, but just to make sure — you can press Cmd+S to save, Cmd+C or Esc to copy.
There is actually a third action, Upload to web (Cmd+E), but you need a token to do that. Let me know if you're interested, I'll get you one.
I wonder about the auto-save setting. The image gets saved once you select the region on the screen, so the app won't even show up, that's right? Like a checkbox in the toolbar, if you check it, the next time you grab a screenshot it's quietly saved, unless you open the app manually and unselect this checkbox — is that the idea?
Thank you for the feedback!
As it stands right now, the logic is reversed: you grab the entire screen first, select the area after. But I get that it could be a nuisance to deal with the zoom. One thing I could recommend at this moment is to roughly select the area of interest and press cmd+2 (shift+2 would also work) to zoom in on it quickly. Or, if the area is small, press Z and click on it.
If there was an option to bring up Shotr zoomed on the area around your cursor automatically (without you selecting the exact region, say 600px around the cursor), would that help?
As a designer I'm making a lot of screenshots not to share them, but rather to put in Sketch or Photoshop to take a closer look at pixels. Zoom in on a neat little icon, or inspect a button that doesn't look right, or measure some size, or pick a color.
I created a simplistic app that facilitates this workflow: on a hotkey (Cmd+Shift+1 / F12) it grabs the entire screen and shows it in a window. You can zoom, crop and select things to check their sizes. If you hit Tab, color under the cursor will be copied to the clipboard. If you press arrow keys, it will show the distance between two objects closest to the cursor.
Check it out: https://shotr.cc/
DesignerNews is the first place I published it to, you guys are my first beta testers! I appreciate any feedback. Like if you downloaded the app and it launched fine, please tell me that — at least I'll know it works not only on my computer, haha. Thanks!
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.