Frontender

Automates design conversion to production-ready code

访问官方网站

什么是Frontender?

Frontender是一个Figma插件，可以将Figma设计转换为前端代码。它就像拥有一个为您编写前端代码的个人初级开发人员。

要使用Frontender，只需安装Figma插件并选择Figma中的任何图层。Frontender将把所选图层转换为前端代码。它与任何Figma文件兼容，不论组织或布局如何。

将Figma设计转换为CSS、CSS-in-JS、带CSS的HTML、带Tailwind的HTML、带CSS-in-JS的JSX、带Tailwind的JSX

与Next、React（JSX）、Vue和Svelte（HTML）等框架兼容

支持自定义的Tailwind配置以生成生产就绪的代码

简化设计师的前端工作流程

从Figma设计中生成准确的前端代码

增强设计师和前端开发人员之间的协作

Q：

免费试用版可以进行多少次转换?

A：

免费试用每个月可进行15次转换。

Q：

Frontender可以将Figma设计转换为CSS-in-JS吗?

A：

是的，Frontender可以将Figma设计转换为CSS-in-JS。

Q：

Frontender可以使用自定义的Tailwind配置吗?

A：

是的，您可以为Frontender提供自定义的Tailwind配置，并使用您的自定义类生成生产就绪的代码。

Q：

Frontender与所有的Figma文件兼容吗?

A：

是的，Frontender与任何Figma文件兼容，即使它具有混乱的图层或没有自动布局也可以。