5
7 Comments

How do you make screenshots of your web app?

I'm trying to make screenshots of a web app to use in landing pages/homepages/marketing etc.

What tools do you use to do this?

I'm thinking of using a Chrome extension to resize the browser to the correct dimensions and another Chrome extension to screengrab.

But I'd love to hear if there are better ways to do this. Thanks!

  1. 5

    I just discovered that Chrome Developer Tools has both features built-in, so that seems the best way to go. No need for extensions after all.

    1. 2

      Thanks I was looking for exactly this.

    2. 2

      This looks really useful, thanks!

    3. 2

      this is nice tool

  2. 3

    You can do cool screenshot yourself by taking a screenshot with dev tools.

    Upload it to Figma if you use it and style it as you want to.

    If you need help on how to approach this, I will be happy to do it.

    1. 2

      Yep, I just figured out how to do it with dev tools. I didn't know that feature existed when I asked the question. Thanks!

Trending on Indie Hackers
I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Promptzone - first-of-its-kind social media platform dedicated to all things AI. 8 comments How to create a rating system with Tailwind CSS and Alpinejs 7 comments