guilhermerera/ignite-design-system

This project was developed to practice design system building, integrating Figma's prototype with code on React.

⚠️ WORK IN PROGRESS ⚠️

🚀 Ignite Lab 3 - Design System: From Figma to React

This project was created alongside the teacher on a special series, with a few personal twists.

💻 Screenshots

🔎 Live View

• 🔗 Live Website
• ✏️ Figma Design System
• 📚 Storybook Docs: Download or clone the repository. Install dependecies with npm i and run npm run storybook

🎯 Project Goal

The goal was to learn how to work with Figma and how to create a design system on it. Also, how to get all that information set up with TailwindCSS in a React project, advanced techniques such as Component Composition, documenting and testing the UI with Storybook integrated with Jest, a little bit of Radix and deploying on GitHub Pages using Actions.

⚒️ Built With