Figma ➡️ Vue JS — Frontend Coding from Start to Finish (Part 1)
#figmatocode #frontenddevelopment #vuejs #html #css
In this series, we'll step by step translate a design created in Figma into code using HTML, CSS, Vue.js, and TypeScript. 🚀
In Part 1, we set up the project and begin coding the first components.
👉 If you're learning frontend development or want to convert designs into code, this series is for you!
📌 Series playlist 👇
• Vue JS ile Figma To Code - Tech Book Landi...
📌 Project Link 👇
🔗 https://www.frontendmentor.io/challen...
⏱ TimeStamps
00:00 Intro
01:35 Project Introduction
02:37 Design Overview
06:10 Design System
09:44 Project Setup
10:51 CSS Reset & Variables
17:09 Starting Hero Section
37:06 Reusable Button
48:41 User Stats
53:58 Multiple Backgrounds
56:23 Outro
📩 To Work With Me: [email protected]
🌐 [GitHub](https://github.com/gumrahsindar)
📸 [Instagram]( / gumrah.codes )
🎵 [TikTok]( / gumrahsindar )
💼 [LinkedIn]( / gumrahsindar )