10+ 开源项目，让 AI 帮你做出设计师级别的 PPT 和网页

AI 生成内容的能力已经很强了但「能看」和「好看」之间隔着一整个设计师。你有没有这种感觉AI 写出来的页面功能都有排版就是差点意思——间距要么挤要么空、配色像系统默认、PPT 更是一页白底黑字从头杵到尾。不是你 prompt 写得不好是 AI 缺了「设计感」这个维度。下面这些开源项目本质上都是在给 AI 补设计课。有的专攻 PPT有的打磨 UI 细节有的直接提供设计系统。把它们塞进你的工作流输出质量能上一个台阶。一、PPT 篇从「裸奔」到专业级Huashu DesignPPT 只是它的副业但副业已经够强了。它支持生成产品发布动画、可交互的 App 原型、可编辑的专业级 PPT 以及印刷级信息图一条指令就能完成演示文稿设计、交互动画制作、设计评审等任务。https://github.com/alchaincyf/huashu-design「做一份 AI 心理学的演讲 PPT推荐 3 个风格方向让我选」 「做个 AI 番茄钟 iOS 原型4 个核心屏幕要真能点击」 「把这段逻辑做成 60 秒动画导出 MP4 和 GIF」 「帮我对这个设计做一个 5 维度评审」Magic Slide给它一段文字或 Markdown直接吐出带平滑转场和完整视觉系统的 HTML 演示稿。适合产品介绍、项目路演、方案展示——不用再手动调 PPT内容即幻灯片。https://github.com/daniel-style/magic-slidefrontend-slides基于 HTML 的轻量级幻灯片工具支持 AI 辅助生成和实时预览。风格偏技术向适合做技术分享、前端知识科普类演示做出来的效果比 PowerPoint 灵活得多。https://github.com/zarazhangrui/frontend-slidesian-handdrawn-ppt手绘风格 PPT 生成工具能快速产出有手绘质感的演示文稿。适合想打破正经商务风、做轻松有趣分享的场景——教育、创意提案、个人分享都适用。https://github.com/helloianneo/ian-handdrawn-pptguizang-ppt-skillClaude Code 的 PPT 制作 skill聚焦排版效率和视觉质感提升。帮你解决 PPT 制作中最耗时的两个环节排版和美化把精力省出来打磨内容。https://github.com/op7418/guizang-ppt-skillmindmap-ppt基于 PPT 结构的思维导图编辑工具可以在思维导图和演示文稿之间双向转换。先理清逻辑一键变成幻灯片适合结构化内容的高效输出。https://github.com/agegr/mindmap-ppt二、UI 篇让网页看起来像是人设计的Taste-Skill专治 AI 生成页面的「默认丑」。它会告诉 AI页面怎么排版、间距怎么留、字体怎么选、颜色怎么搭、视觉层级怎么建立。适合做官网、产品页、落地页、作品集——一句话就是给 AI 装了一套设计审美。https://github.com/Leonxlnx/taste-skillWeb Designer Plugin相当于给 AI 配了一个网页设计总监。内置 48 个设计模式参考了 38 个优秀网站的设计语言覆盖排版、配色、动效、3D、页面节奏。适合不想只堆卡片、想做真正有设计感网页的人。https://github.com/MickeyAlton33/web-designer-pluginEmil Kowalski Skill不做大改专抠细节。交互反馈、动效曲线、按钮 hover 状态、组件过渡——这些用户说不出来但能感受到的地方它帮 AI 一一打磨。适合把页面从「能用」推到「舒服」。https://github.com/emilkowalski/skillAwesome DESIGN.md把知名网站和产品的设计系统整理成标准化的DESIGN.md文件。放进项目里AI 就能按指定风格生成界面——相当于给 AI 一套可直接引用的设计规范不用每次重复描述样式。https://github.com/VoltAgent/awesome-design-mdimpeccable综合设计 skill实际体验比 uiuxpromax 等热门同类项目更实用覆盖的设计场景也更全面。不想一个一个试的话这个可以作为首选。https://impeccable.styleskill-site-generator为任意 Agent SkillSKILL.md 格式自动生成产品落地页并部署到 GitHub Pages。如果你的 skill 需要对外展示不用手写页面一键生成。https://github.com/eze-is/skill-site-generator三、灵感篇不知道什么风格好看先逛这些工具有了但如果你还不确定想要什么风格这些网站值得收藏。看到喜欢的截图发给 AI Agent它能帮你复刻出八九不离十的效果。找参考方向网站网页设计https://curated.design着陆页https://onepagelove.com设计系统https://component.gallery动效https://appmotion.design应用界面https://mobbin.com品牌设计https://rebrand.gallery设计工程师工具集https://designengineer.tools确定风格在 https://getdesign.md 输入你的项目描述它会推荐匹配的设计风格方向——帮你从「不知道长什么样」到「就是这个感觉」。以上这些项目没有一个在说「替代设计师」。它们做的事情更实际让你在没有设计师资源的时候也能产出不露怯的 PPT 和网页。把设计能力从专业技能降维成 AI 可执行的规则这才是它们的真正价值。收藏是一种美德但用起来才是自己的。挑一两个先跑起来效果比想象中好。以上既然看到这里了如果觉得不错随手点个赞、在看、转发三连吧想第一时间收到推送可以给我个星标⭐️谢谢你看我的文章我们下次再见。/ 作者大强同学/ 更多干货请访问dqtx.cc