Demo: Converting Figma to Material-UI using Next.js 13

This repository contains a demo project showcasing the process of converting a Figma design to a Material-UI implementation using Next.js 13.

Getting Started

To run the demo locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/switch247/figma_mui_nextjs_demo.git
   

2. Navigate to the project directory:

   cd figma_mui_nextjs_demo
   

3. Install the dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open your browser and visit http://localhost:3000 to see the demo in action.

Features

• Conversion of Figma design to Material-UI components
• Next.js 13 for server-side rendering and optimized performance
• React for building the user interface
• Material-UI for styling and component library
• Responsive design for different screen sizes
• Interactive components and animations

Resources

• Figma Design: Link to Figma design
• Material-UI Documentation: Link to Material-UI documentation
• Next.js Documentation: Link to Next.js documentation
• React Documentation:

Screenshots

!screenshot

Contributing

Contributions are welcome! If you have any suggestions or improvements for this demo project, please feel free to submit a pull request.

License

This demo project is licensed under the MIT License.