Logo
Project Icon

fubukicss-tool

将Figma设计一键转换为TailwindCSS、UnoCSS或CSS的浏览器插件

FigmaCSS浏览器扩展开发工具样式导出Github开源项目

fubukicss-tool是一个浏览器扩展，可将Figma设计样式快速转换为TailwindCSS、UnoCSS或CSS。此工具支持导出Figma框架节点为图像，并能列出Figma颜色，简化了设计到代码的转换过程。目前在只读模式下暂不可用，但可通过复制到草稿在编辑模式下使用。

访问官网访问官网GithubGithub
介绍相关项目
weapp-tailwindcss - Tailwind CSS适配小程序开发的整合解决方案
CSS框架GithubTailwindcssweapp-tailwindcss前端开发小程序开源项目
weapp-tailwindcss为小程序开发提供Tailwind CSS适配。它支持主流框架和原生开发，兼容webpack、vite和gulp构建系统。通过自动处理Tailwind工具类，提高开发效率并降低维护成本。该项目支持最新版Tailwind CSS，提供完整生态系统和文档资源，适用于小程序UI开发。
Kombai - Figma设计自动转换为前端代码的智能工具
AI工具KombaiUI设计人工智能代码生成前端开发
Kombai是一款将Figma设计文件转换为前端代码的智能工具。它利用深度学习和启发式模型，自动生成可读性强的HTML、CSS或React代码，包括适当的flex布局、组件命名和模拟数据。无需特殊标记或自动布局，Kombai简化了UI开发流程，使开发者能更专注于复杂的业务逻辑。该工具目前处于公开研究预览阶段，个人开发者可免费使用。
Vivid - Figma设计与代码库自动同步的创新工具
AI工具FigmaUI代码生成Vivid开发效率设计同步
Vivid是一款设计-开发协作工具，可将Figma设计自动同步到代码库。它通过生成和更新UI代码，实现设计和开发的紧密衔接。Vivid提供代码生成、编辑和同步更新的工作流程，并注重样式隔离，让开发者专注功能实现。其样式文件和解剖文件设计提高了开发效率。Vivid适合需要设计与开发紧密集成的团队，为他们提供了一个实用的解决方案。
FaviCraft - AI驱动的favicon生成与转换工具
AI工具AI生成favicon品牌标识网站图标设计工具
FaviCraft是一款在线AI favicon生成和转换工具。用户可通过描述或选择形状来创建favicon，无需设计技能。工具支持免费的logo转favicon功能，自动生成多种尺寸。适合网站开发者、设计师和站长使用，提供便捷的favicon解决方案。
AIUI.me - AI驱动的截图到代码转换平台
AIUI.meAI工具React.jsTailwindCSSUI组件截图转代码
AIUI.me是一个先进的AI驱动平台，专注于截图转代码和AI UI生成。它能将用户界面截图快速转换为React.js和TailwindCSS组件，为设计师、开发者、自由职业者和初创团队提供高效的UI组件创建和定制方案。用户只需上传截图，即可在短时间内获得可重用的代码，显著提升开发效率。AIUI.me支持组件定制和多种导出选项，是快速将设计概念转化为实际产品的理想工具。
Locofy.ai - AI驱动的设计到代码转换工具 提升前端开发效率
AI工具AI辅助Locofy.ai低代码平台前端开发设计转代码
Locofy.ai是一款利用AI技术将设计稿转换为代码的开发工具。它支持Figma和Adobe XD等设计工具,可生成React、HTML/CSS等多种框架的代码。通过提高开发效率,Locofy.ai帮助产品团队更快地实现创意。该工具支持多种主流技术栈,易于集成现有工作流程,有助于加速产品开发进程。
Quest - 智能将Figma设计转换为可扩展的React代码
AI工具Quest AIReact代码生成开发工具设计转代码
Quest是一款将Figma设计转换为React代码的开发工具。支持MUI和Chakra UI组件库，生成可维护的代码。具备AI驱动功能，可生成单个组件或完整应用。提供设计-开发无缝更新和版本控制集成，适合现代前端开发团队使用。Quest为开发者提供Figma设计到React代码的转换功能，支持主流组件库，生成结构清晰的代码。AI辅助功能简化开发流程，可构建完整应用。具备设计-开发协作和版本控制功能，提高前端开发效率。
css-doodle - 使用 CSS 绘制图案的 Web 组件
CSS-doodleCSS绘图GithubWeb组件开源项目模式生成设计工具
css-doodle 是一个用于绘制 CSS 图案的 Web 组件。它通过简洁的语法实现网格、背景和形状等多样化的视觉效果。项目提供了文档、设计工具和相关资源，便于开发者快速上手。css-doodle 可应用于网页设计、艺术创作、教育和创意编程等多个领域。这个灵活且易用的工具适合前端开发者和设计师使用。
Quest - 直接转化Figma设计为生产级React代码
AI工具AI开发Figma转代码Quest AIReact应用React组件无代码开发热门辅助编程
Quest 简化了从Figma设计到React代码的转换过程，支持 MUI 和 Chakra UI，实现代码直接导出至仓库，提高开发协作效率。自动生成动画及响应式组件，满足开发团队和初创企业的需求。
DesignCode UI - 专业Figma和Framer组件库赋能现代UI/UX设计
AI工具FigmaFramerUI组件用户界面设计系统
DesignCode UI是一个集成了数百个Figma UI组件和模板的设计系统，可与Framer无缝对接。系统基于多年UI/UX设计经验，组件支持变量、变体和自适应布局，为设计和开发团队提供丰富资源。这些精心设计的组件有助于快速构建美观实用的网站，提高设计效率。该系统的突出特点是强大的主题定制功能，可适应不同风格需求，同时保持高度灵活性。此外，DesignCode UI还配备全面的使用指南，帮助设计师充分发挥系统潜力。
相关项目
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务
投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号