4 March, 2022

8 Apps for Making Amazing Screenshots

by

Grant Shaddick

Creating pretty screenshot

Screenshots or it didn't happen

Sharing your work publicly is a great way to keep your audience engaged. For startup founders and creators the best content is often the actual product or project.

We’ve put together a list of the best tool for turning screenshots into professional social posts. Perfect for sharing on Twitter, Product Hunt, LinkedIn, or in email marketing.

The list covers quick screenshot editors, full-on design tools, and apps for sharing snippets of code. We’ve reviewed each tool, included screenshots, and a video of how it works.

Enjoy!

1. BrandBird - The Creator’s Favourite 👨🏻‍🎨

Seen those cool screenshots on Twitter? The ones with the isometric effects? That's Probably BrandBird.

Jim Raptis' app is a handy way for creators and founders to edit images and share their projects with the world. It's well made and packed with features. The bird is the word.

What’s good about it?

  • Templates library
  • 3D rotation
  • Tweet importer
  • Undo and redo — very nice touch

Where can I use it?

  • On the web (there’s also a Figma plugin)

How much does it cost?

  • It’s free. The free plan is very generous and there’s additional paid features worth upgrading for.

2. Wrap.so - The Superhuman for Screenshots ⚡️

Superhuman for screenshots might be an exaggeration, but this well designed, paid-only app from Nev Flynn truly has a premium feel to it.

Like Superhuman you could also say that Wrap.so has a productivity-angle going for it. You start Wrap from its Chrome extension and capture screenshots in context, helping you stay in the flow 🌊. But the best thing about Wrap is its element selector. Forget the Cybertruck, turning an element on a web page into a pretty screenshot is true innovation.

Wrap.so screenshot

What’s good?

  • Well designed
  • You can pick Mac backgrounds for that lowkey look
  • Capture single elements from webpages

Where can I use it?

  • Google Chrome (or Chromium browsers like Brave, etc.) — you need the Chrome extension

How much does it cost?

  • Paid plan only, 7 bucks per month

3. Ray.so - The Aesthetic Engineer ✨

Ray.so is built by the team at Raycast. It turns snippets of code into aesthetic images you can share anywhere.

Ray.so incredibly well designed with lots of nice details. The way the code’s colour matches the background is the kind of thing chefs kiss their fingers for. You can also run Ray.so from Raycast itself — neat!

Ray.so screenshot

What’s good about it?

  • Really well designed; a pleasure to use
  • Simple set of features — only what you need
  • Every combination looks great by default
  • Automatically detects the language of the code you’re using

Where can I use it?

  • On the web
  • Or as a Raycast script

How much does it cost?

  • It’s free, baby 💸

4. Petrify - The Cutest Code 😍

Petrify is a Mac app from Boy van Amstel. You can create very pretty images from code snippets, right on your desktop.

It’s well designed and has a bunch of smart presets to make publishing your code snipz a pleasure.

Petrify screenshot

What’s good?

  • It’s the OG pretty-code-screenshot maker
  • Use images for backgrounds
  • Change the appearance of the window frame
  • Lots of themes with cool names like “Night Owl”

Where can I use it?

  • Desktop for Mac

How much does it cost?

  • It’ll set you back a one-off 6 bucks on the App Store

🔔 Update: after doing a little more digging, it turns out Petrify was not formerly known as Carbon but actually it's based on Carbon.

5. Screenly - The Essentials 🍴

Screenly is a simple screenshot editor from Jurn.

Screenly makes it dead easy to start, just drop your image onto the landing page and then you can edit. It’s also got annotation tools, which is nice if you want to mark up screenshots.

Screenly screenshot

What’s good?

  • Drag and drop straight from the landing page
  • Add annotations and stickers to screenshots

Where can I use it?

  • On the web

How much does it cost?

  • Absolutely nothing. 100% free.

6. Screenshot.rocks - The rockin’ shots 🤘

Sorry about the title of this paragraph, it’s the best I could do. Anyway, Screenshot.rocks is an open source screenshot editor from Dave Early.

Screenshot.rocks has got a bunch of fun presets to choose from and it has a very detailed browser frame editor. If you want a custom browser frame then this is the app for you.

Screenshot.rocks screenshot

What’s good?

  • Lots of browser frame options
  • Create your own browser frame design
  • Mobile frames

Where can I use it?

  • The interweb

How much does it cost?

  • Free

7. Canva - The Big Gun 🔫

From open source side projects, to VC backed startups, and now to behemoth brands. Canva is up next.

Canva have made a name for themselves as the ‘design tool for everyone’. One trip to their homepage and it’s clear they want to help you design ANYTHING. So it's no surprise that you can make pretty great screenshot posts too.

Sure, it’s a little more work to setup than the others in this list, but once you know what you’re doing it’s easy to repeat the process. And because its Canva there’s endless assets and graphics you can add to your design.

Canva screenshot

What’s good?

  • Design anything you want
  • Add some animation and export as a .gif for next-level animated posts

Where can I use it?

  • On the web

How much does it cost?

  • It’s free. Canva are known for their very generous free plan — but there’s lots of addition paid features and plans

8. Figma - The Designer’s Best Mate 🙏

If Figma is your go-to design tool then you might wanna consider them for your product shots too.

Just create a dedicated component or file for your social post and then treat it like a template. After that it’s just a matter of replacing the image file.

If you’re new to Figma then using it for your screenshots posts will be overkill.

Figma screenshot

What’s good?

  • Easy to replace images in your file
  • If you’re already familiar with Figma you’ll be able to create pretty wild designs
  • Got your whole design system right there

Where can I use it?

  • Web or desktop

How much does it cost?

  • Figma’s free plan will be more than enough for this use case

Sold on professional screenshots? Try Tella for making professional screen recordings. Get started for free.