Bye-bye PowerPoint. Hello Marp!. Could this free Markdown-based tool... | by Dario Radečić | Towards Data Science

Do you find PowerPoint annoying? Me too. It can be laggy at times and has an overwhelming number of options. If you’re in the market for something simpler, today’s your lucky day. Marp might be the right tool to save you time and nerves.
It’s a Visual Studio Code extension based on Markdown, and lets you create presentations that can be exported as PPTX, PDF, and HTML. Today you’ll learn the basics and create your first presentation.
Don’t feel like reading? Watch my video instead:
You should already have Visual Studio Code installed. It’s a code editor that lets you write anything from readme files to machine learning models. You won’t write code today — if you don’t count Markdown as code, which you shouldn’t.
Once in Visual Studio Code, click on the Extensions tab and search for Marp:
Hit the Install button and you’ll be good to go after a couple of seconds. Then create a folder anywhere on your machine and open it in VSCode.
I’ve named mine marp_slideshow and created a slideshow.md file inside. Feel free to change the names per your liking.
And that’s it — you’re now ready to create your first slide.
Do you have the slideshow.md file open? Good. Proceed with the boilerplate. You’ll have to specify you’re using Marp, because the Markdown document can’t know it by default:
---marp: true---
Let’s also add an H1 tag below, just so there’s something to see on the screen:
# Slide 1 Title
You can now click on the Preview icon to see your presentation:
So far, so good. Leave the Preview window open — it will update automatically as you write.
You can also change the presentation theme:
---marp: true:theme: gaia---
I’m not the biggest fan of the yellow color, so I’ll show you how to change it a bit later.
You can press CTRL + SPACE to list all available properties. Two of these are author and size, so let’s tweak them:
---marp: true:theme: gaiaauthor: Dario Radečićsize: 4:3---
You can see how we’ve moved from 16:9 to 4:3 aspect ratio, but it’s a personal preference thing.
Next, let’s see how you can use Markdown to add content to your slides. The snippet below adds two bullet points. The second one has child elements, and each one is styled differently. These are here to show you how to bold, italicize, and preformat your text:
# Welcome to MARP- It's an awesome VSCode extension for making presentations.- It's based on Markdown:  - **Bold**  - _Italic_  - `code`
Easy, right? Here’s how everything should look by now:
You can create a new slide by typing ---.
Let’s add an image to the second slide. I’ve found one showing a neural network on Wikimedia Commons, but you’re free to use any other.
The following snippet adds heading, bullet point, and the image to the slide:
# Welcome to Slide 2- This is a neural network:![A neural network](https://upload.wikimedia.org/wikipedia/commons/3/3d/Neural_network.svg)
Here’s how it should look like:
Let’s keep things simple today, so we’ll stop here with the content. Next, I’ll show you how to customize the style of your presentation.
You can customize MARP presentations by adding stylesheets, but it will require basic CSS knowledge. You’ll want to go back to the start of the document and open up the CSS Style tag:
<style></style>
You can then customize the colors by editing the CSS variables. For example, here’s how to change the text and background color:
<style>    :root {        --color-background: #101010 !important;	--color-foreground: #FFFFFF !important;    }</style>
Your presentation will suddenly get a dark theme:
You can also change the fonts. For example, the snippet below sets all Heading 1 elements to a monospace font:
h1 {    font-family: IBM Plex Mono;}
This one is a custom font, so go with Courier New if you don’t have it installed. You can style any other element to your liking — the only limiting factor is your CSS knowledge.
Finally, I want to show you how to export the presentation.
You can save your presentation as a PowerPoint document, PDF file, or HTML. The PNG and JPG options do exist, but they will only export the first slide.
Here’s how to get started with exporting:
I’ll save it both as a PDF and as a Powerpoint presentation document.
Let’s open the PDF now to verify the export was successful:
Everything looks good, so let’s check the PPTX next:
The PowerPoint document opens up, but there’s nothing you can do to the slides. You can’t modify text or images, so this could be a potential dealbreaker.
And that’s just enough for today. Let’s wrap things up next.
To summarize, Marp looks like a viable PowerPoint alternative to me, because writing and editing Markdown documents is easy, and it doesn’t overwhelm you with options. Don’t get me wrong, there’s nothing wrong with having options, but most of what I do with slideshows is relatively simple.
I almost never add animations and transitions to the presentation, and I always save it as a PDF document. PDFs are just easier to share and open, as you don’t need to launch a resource-heavy app. Besides, PowerPoint can sometimes be laggy, and that’s just another I don’t want to deal with.
If your needs all the capabilities Powerpoint has to offer, then MARP might be too basic for you.
What are your thoughts on Marp? Do you see it as a viable PowerPoint alternative, or is the functionality too basic for your needs? Let me know in the comment section below.
Loved the article? Become a Medium member to continue learning without limits. I’ll receive a portion of your membership fee if you use the following link, with no extra cost to you.
medium.com
Sign up for my newsletter
Subscribe on YouTube
Connect on LinkedIn