Frontender

什么是Frontender？

Frontender是一个Figma插件，可以将Figma设计转换为前端代码。它旨在通过充当个人初级开发者，加快前端工作流程，生成干净的代码。它支持多种代码输出，包括CSS、CSS-in-JS、Tailwind、带CSS的HTML、带Tailwind的HTML、带CSS-in-JS的JSX和带Tailwind的JSX。它与Next.js、React、Vue和Svelte等框架兼容。

如何使用 Frontender？

在Figma中选择任何图层，Frontender将把它转换为前端代码。粘贴自定义的Tailwind配置以支持自定义类。

Frontender 的核心功能

Figma到代码转换
支持多种代码输出（CSS、Tailwind、HTML、JSX）
可以处理混乱的Figma文件
支持自定义的Tailwind配置

Frontender 的使用案例

#1 将Figma设计转换为带Tailwind CSS的React组件。