开源产品与代码仓库

92 个

UI/UX 设计与原型同赛道商业产品 →领域行情 →首屏与设计风格 →

开源项目 · 按 Stars
项目Stars操作
Getdesign从任意公开网站的真实CSS中提取调色板、排版及组件，并生成可下载的design.md设计系统文档。4
AlwanKit帮助应用和设计系统的构建者从单一品牌色生成符合 WCAG 标准的明暗配色系统，并导出可直接使用的代码。4
Sketchize为 UI/UX 设计师提供可下载并打印的手机、平板和桌面网页线框草图纸，帮助他们构思应用与网站界面。4
ImgCOSS面向软件团队的跨平台 SDK，可将设计、照片和视频编辑、模板自动化及 AI 功能嵌入其产品。3
MuseUI可生成 UI 设计的免费 AI 工具。3
Neumorphism使用 Flutter 构建的网页应用，可生成柔和风格的 UI 代码3
PatternFly面向设计师和开发者的开源设计系统，通过组件、代码库和设计指南帮助团队构建一致、可访问且可扩展的企业产品界面。2
CSS StudioCOSS面向设计师和开发者的可视化 CSS 编辑器，可直接在网站上编辑样式、布局和动画，并借助 AI 代理将更改写入代码库。2
Melina面向创作者的 AI 设计工具，可通过对话理解画布并创建或修改视觉内容。2
Generative UICOSS为开发者及其他用户提供通过提示实时生成个性化交互界面、学习环境和应用工具的人工智能平台。2
GitFigFigma 插件，帮助使用 Figma 和 GitHub 的用户双向同步设计变量与样式，并在 Figma 内管理提交、分支和拉取请求。2
VarelyoCOSS面向 React 团队的 macOS AI 设计工具，可将提示或 Figma 设计转为代码库中的实际界面，并通过可视化编辑复用组件、维护设计系统。2
Figma Autoname免费的 AI 插件，帮助设计师自动命名 Figma 图层。2
Detail面向设计师和工程师的界面设计微细节与精巧决策参考收录库。1
Subform面向设计师和工程师、用于创建动态用户界面布局并导出 HTML/CSS 的可视化工具。1
Touch Bar Preview供用户在新款 MacBook Pro 的 Touch Bar 上预览设计稿的免费开源 macOS 应用。1
Type Scale Calculator这是一款面向网页排版的字体比例计算工具，可调整标题层级、选择字体并预览响应式字号效果。1
Pindrop.js零依赖的开源前端可视化反馈层库，支持直接在网页 DOM 元素上标注图钉、留言评论与同步反馈。1
PCBJam在浏览器中编辑 KiCad 文件的 PCB 设计应用，面向需要编辑电路板项目的人。1
UI Design Agent Kit为使用 AI 编程宿主的用户提供从需求与参考、交互实现到浏览器验证的 UI 设计工作流。1
DesdeMCP为设计师提供可直接修改真实源代码的原型编辑器，以及可自行托管、供工程师和产品经理协作评审的原型查看器。1
Raval面向设计师和开发者的免费开源 Chrome 扩展，用于测量网页元素间距、检查字体与颜色、添加对齐参考线和标注，辅助设计审查与前端质量检查。1
Proof面向 Claude Code 和 Codex 用户的免费开源产品设计技能，可根据简短需求设计产品网站页面。1
HappyHands面向独立开发者的开源 AI 网站审阅工具，可发现界面与体验问题、提取设计系统，并辅助修改和复核代码效果。1
ilseMCP面向已有本地运行应用、希望优化界面的人，让用户直接在真实应用中点选、拖动和调整，并将上下文交给现有 AI 编程代理修改代码。1
TailSurge用于创建布局的在线工具，可设置网格列数和间距并复制代码。1
CaretMCP面向开发者的本地设计工具，可在代码仓库中编辑 React 设计并按需同步到应用。GitHub
WaiframeMCP帮助开发者和创始人通过 AI 生成并编辑应用线框图，再通过 MCP 将结构化设计交给编程助手用于构建应用。GitHub
DesignxcodeMCP面向设计师和开发者的 Claude MCP 服务器，可提取 Figma 设计令牌、检查设计与代码的偏差、生成代码并创建 GitHub PR，使设计系统与代码库保持同步。GitHub
HuePass面向设计师和开发者的免费颜色对比度检查工具，可验证 WCAG 无障碍标准、推荐合规颜色并构建和导出配色方案。GitHub
第 3 / 4 页 · 当前展示 61–90 / 共 92 个开源项目