Figma & Astro Static Site Build

by Net Ninja · 9 videos

Total watch time

3h 30m

at speed · exactly 3 hours, 29 minutes, 57 seconds at 1×

3h 29m 57s
1.25×2h 47m 58s
1.5×2h 19m 58s
1.75×1h 59m 58s
1h 44m 59s
Average video23m 20s
Longest46m 20s
Shortest3m 34s
Compare Open on YouTube JSON

Plan to finish

About 4 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 4 days. Turn on JavaScript to plan around your week.

Videos (9)

3h 30m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 Build a Static Site with Figma & Astro #1 - Introduction 3:34 2022-03-01
2 Build a Static Site with Figma & Astro #2 - Design System 20:31 2022-03-01
3 Build a Static Site with Figma & Astro #3 - Designing the Layout 27:04 2022-03-02
4 Build a Static Site with Figma & Astro #4 - Figma Plugins & Final Design 21:17 2022-03-03
5 Build a Static Site with Figma & Astro #5 - Astro Intro & Setup 8:15 2022-03-04
6 Build a Static Site with Figma & Astro #6 - Astro Structure & Components 23:33 2022-03-07
7 Build a Static Site with Figma & Astro #7 - CSS Setup & Open Props 46:20 2022-03-08
8 Build a Static Site with Figma & Astro #8 - Infinite Slider 35:23 2022-03-10
9 Build a Static Site with Figma & Astro #9 - Finishing up & Deployment 24:00 2022-03-11

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 3h 30m · 9 videos

Markdown
[![Watch time: 3h 30m · 9 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls--.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls--)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls--"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls--.svg" alt="Watch time: 3h 30m · 9 videos" width="196" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls-- returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.