How to design this image using Figma

June 25, 2020

A few people asked me how I designed the meta image that is used for my blog posts.

I use Figma for all my design related work. And I thought it would be cool to show you exactly how I created this image using Figma, and how you can recreate it on your own.

Step 1

Clone my Figma project and get access to all the images that you see in the video.

https://www.figma.com/file/60iUdrJfyZyoGZ7gpIOJEZ/Preetamnath.com-Meta-Image-Design-File/duplicate

Step 2

Watch the walkthrough video where I take you through all the steps required to recreate the design on your own.

The video was created assuming that you have zero prior knowledge of how to use Figma. Just follow along and you'll do fine :)

By the way, I teach a course called Learn Programmatic SEO to help grow Google search traffic.

Programmatic SEO is a methodical and data-driven approach to finding keywords, understanding user intent and creating dozens or hundreds of pages of content.

Learn how to apply this framework to your business, whether it's ecommerce, SaaS, or even a side project. No prior SEO knowledge required.

Learn more about the course
💌 Enjoyed reading?

I write a weekly newsletter called ☕️ Sunday Coffee where I share my learnings about building profitable SaaS businesses and living a good life. Check out the newsletter archives. I think you'll like it!

You'll be joining 863 others who read my newsletter every Sunday morning. Best had with a cup of fresh coffee ☕️

You can also subscribe to the newsletter via RSS feed.