Project Icon

fubukicss-tool

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

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

FigmaToCode - Figma设计转响应式代码的开源插件
Figma to CodeGithub代码生成响应式布局开源项目设计转代码跨平台开发
FigmaToCode是一个开源的Figma插件,可将设计稿转换为Tailwind、Flutter和SwiftUI的响应式代码。该插件通过优化布局结构来提升代码质量,支持复杂设计元素的转换。FigmaToCode旨在提高开发效率,保持设计的精确性和响应性,为设计到代码的过程提供便捷解决方案。
Frontender - 设计到前端代码的快速转换工具
AI工具Figma插件FrontenderTailwind代码转换前端开发
Frontender是一款智能Figma插件,可将设计直接转换为前端代码。支持Next、React、Vue和Svelte等框架,适用于各类Figma文件。它精通CSS和Tailwind,生成高质量代码,并支持自定义配置。该工具每月提供15次免费转换,无需注册即可使用。Frontender简化了设计师和开发者的工作流程,目前已在30多个国家获得5000多名开发者的认可。
Bifrost - 将Figma设计自动转换为React代码的智能工具
AIAI工具FigmaReact前端开发设计转代码
Bifrost是一款智能工具,可将Figma设计自动转换为高质量React代码。支持Tailwind和Chakra框架,适用于不同开发阶段。它能生成完整组件集,支持类型安全、条件渲染和默认属性设置。Bifrost可生成新组件,并在添加自定义逻辑后更新现有组件。这款工具为设计师和工程师提供协作平台,提高开发效率,使团队能专注于核心功能开发。
tailwindcss - 实用工具优先的CSS框架,快速构建自定义UI
CSS框架GithubTailwind CSS前端开发工具类优先开源项目用户界面
Tailwind CSS是一个基于实用工具类的CSS框架,旨在快速构建自定义用户界面。框架提供大量预定义的工具类,减少了编写自定义CSS的需求。它具有完善的文档、活跃的社区支持和讨论平台,适用于各种Web项目的开发。Tailwind CSS强调灵活性和可定制性,使开发者能够高效创建独特的设计。
screenshot-to-code - AI驱动的设计稿到多种前端代码转换工具
AIGithubscreenshot-to-code代码生成前端开发图像识别开源项目
screenshot-to-code是一个AI驱动的工具,能将截图、原型和Figma设计转换为功能性代码。支持HTML+Tailwind、React、Vue等多种前端技术栈,并集成了Claude Sonnet 3.5、GPT-4O等先进AI模型。此外,该工具还具备将网站视频或屏幕录像转化为功能性原型的能力,为开发和设计过程提供了高效的解决方案。
Weavely - 从Figma到互动网页表单的无代码转换工具
AI工具FigmaWeavely无代码开发用户体验表单设计
Weavely作为Figma插件,将设计转化为功能完整的网页表单,无需编码。设计师可在Figma中自由创作,运用条件逻辑等高级功能。该工具支持多种集成,注重数据安全,并优化协作流程。Weavely简化了从设计到实现的过程,为用户体验设计和研究工作提供了有效支持。
Windframe - Tailwind CSS可视化构建和编辑工具
AI工具Tailwind CSSUI设计Windframe代码导出可视化构建
Windframe是一款Tailwind CSS可视化构建和编辑工具,专注于快速网页设计和开发。它提供大量专业模板,支持自定义设计,并允许用户预览、保存和导出项目。该工具支持多种框架代码导出,具备版本管理和团队协作功能,有效提升开发效率。Windframe还支持导入自定义模板和组件,适用于各类网页和应用开发需求。
styled2tailwind - 将Styled-Components转换为TailwindCSS的开源代码转换工具
CSS转换GithubReact组件Styled2Tailwind前端开发开源工具开源项目
styled2tailwind是一个开源的代码转换工具,用于将Styled-Components转换为TailwindCSS。该工具支持Next.js的App Directory路由,适配服务器组件,通过四步转换机制实现代码迁移。尽管处于早期阶段,styled2tailwind能够帮助开发者简化从Styled-Components到TailwindCSS的迁移过程,提高开发效率。
awesome-tailwindcss - Tailwind CSS 资源大全,插件、工具与学习资料
CSS框架GithubTailwind CSS前端开发响应式设计工具集开源项目
本项目汇集了丰富的 Tailwind CSS 相关资源,包括官方链接、IDE 扩展、插件、工具和学习材料。开发者可以利用这些资源提高 Tailwind CSS 使用效率,快速创建自定义界面。从入门到进阶,项目为不同水平的开发人员提供了实用的参考内容,助力提升 Tailwind CSS 开发技能。项目内容涵盖 Tailwind CSS 生态系统的多个方面,包括官方资源、开发工具、主题模板等。通过系统化整理这些资源,开发者可以更便捷地找到所需工具和信息,提高开发效率。无论是构建响应式布局、定制化组件还是优化工作流程,都能在此找到相关支持。
design2code - 将设计稿转换为高质量HTML/CSS/JS代码
Design2CodeGithubHTML/CSS/JS转换Next.js开源项目网页设计
Design2Code是一个开源项目,可以将草图、线框图、Figma、XD等设计稿自动转换为高质量的HTML、CSS和JS代码。只需上传设计图片,系统即可自动生成所需代码,简化开发流程。该项目由Next.js构建,支持一键在Vercel上部署,并欢迎社区贡献和反馈。
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

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

Project Cover

问小白

问小白是一个基于 DeepSeek R1 模型的智能对话平台,专为用户提供高效、贴心的对话体验。实时在线,支持深度思考和联网搜索。免费不限次数,帮用户写作、创作、分析和规划,各种任务随时完成!

Project Cover

白日梦AI

白日梦AI提供专注于AI视频生成的多样化功能,包括文生视频、动态画面和形象生成等,帮助用户快速上手,创造专业级内容。

Project Cover

有言AI

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

Project Cover

讯飞绘镜

讯飞绘镜是一个支持从创意到完整视频创作的智能平台,用户可以快速生成视频素材并创作独特的音乐视频和故事。平台提供多样化的主题和精选作品,帮助用户探索创意灵感。

Project Cover

讯飞文书

讯飞文书依托讯飞星火大模型,为文书写作者提供从素材筹备到稿件撰写及审稿的全程支持。通过录音智记和以稿写稿等功能,满足事务性工作的高频需求,帮助撰稿人节省精力,提高效率,优化工作与生活。

Project Cover

阿里绘蛙

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

Project Cover

Trae

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

Project Cover

AIWritePaper论文写作

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

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号