今天为大家介绍一款非常实用的海报设计工具，目前已经在 GitHub 上开源并获得 3.3k star。这款工具功能强大，支持多种场景，如海报生成、电商产品图、文章长图、视频/公众号封面等。其主要功能包括：

• 丝滑的操作体验：丰富的交互细节和完善的基础功能。
• 服务端生成图片：确保多端出图统一性，支持各种 HTML5 特性。
• 简易 AI 抠图：上传图片一键去除背景。
• 多种技术栈支持：包括 Vue3、Vite5、Pinia、ElementPlus 等。
• 强大的图片生成功能：使用 Puppeteer 和 Express 实现。

快速开始#

只需几步即可体验：

git clone https://github.com/palxiao/poster-design.git
cd poster-design
npm run prepared
npm run dev
cd screenshot
npm run dev

访问 http://127.0.0.1:5173/ 即可开始设计。

项目亮点#

• 导入 PSD 文件并解析成模板，支持在线导出图片下载。
• 多种元素操作：拖拽、组合、缩放、层级调整、对齐等。
• 丰富的图片和 SVG 素材编辑功能。
• 支持图层管理、多画板管理、自适应画布。
• 吸附对齐、辅助引导线、标尺功能。
• 键盘快捷键和右键菜单快捷操作。
• 风格二维码编辑，支持单色、渐变、自定义 logo 等。
• 颜色调色板，原生级取色器和颜色吸管（Chrome）。

功能界面#

• 现成的模板可供套用。

  

• 丰富的素材和贴纸。

  

• 多种艺术字。

  

功能仍不止这些，感兴趣的朋友自行去体验吧！这些功能在某 WPS 可都是收费的，在这里都可以免费使用，感谢开源大佬们。