Paths3 courses
From design to code
Design an interface in Figma, lay it out in modern CSS and ship it as a real site.
- Courses
- 3
- Lessons
- 12
- Time
- 12 h
- You save
- $68
Why this order.
Most designers stop at the handoff. This path takes you past it. You start in Figma, where the layout decisions happen, then rebuild the same screens in CSS so you see what those decisions cost in code.
The last course turns the layouts into a real site with Astro. By the end you own every step between the first frame and the live URL.
You design a small portfolio in Figma and put it online yourself.
- 01Design · Beginner
Figma for product designers
Learn Figma the way product teams use it, from the first frame to a file developers can build from.
Ingrid Halvorsen
4 lessons · 4 h 15 min - 02Code · Intermediate
Modern CSS layouts
Grid, flexbox and container queries for layouts that hold up at every screen size.
Marco Bellini
4 lessons · 3 h 55 min - 03Code · Beginner
Astro from scratch
Build and ship a fast content site with Astro, from an empty folder to a live URL.
Marco Bellini
4 lessons · 3 h 50 min
The whole path
$199
3 courses, pay once, keep them for life
One by one
$267
The same courses bought separately
Other paths.
Each one stands on its own. Start wherever your work needs you.
-
Path · 3 courses · 11 h 5 min
Designing with AI
Build a solid design system, then learn where AI tools speed it up and where they don't.- 01Design systems in Figma
- 02AI in your design workflow
- 03Prototyping with AI tools
-
Path · 2 courses · 7 h 55 min
Data for product people
Answer your own product questions with SQL, then go deeper with Python and charts.- 01SQL for product teams
- 02Data analysis with Python