Figma to Tailwind.css

This is a Next.js project that converts Figma designs to Tailwind CSS classes using AI.

Getting Started

To get started, first clone this repository:

git clone https://github.com/whoiskatrin/figma-to-tailwind.git
cd figma-to-tailwind

Then install the dependencies and start the development server:

npm install
npm run dev
# or
yarn
yarn dev

This will start the development server at http://localhost:3000.

Usage

To use the Figma to Tailwind converter, follow these steps:

• In your Figma design, select the elements you want to convert to Tailwind CSS classes.
• Copy the link to your Figma design.
• Paste the link into the input field on the Figma to Tailwind homepage.
• Click the "Convert to Tailwind" button

The converted Tailwind CSS classes will be displayed on the page.

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork this repository.
2. Clone your forked repository:
3. for your changes:
4. Make your changes, commit them, and push them to your forked repository:
5. Create a pull request on this repository.