基于leafer-ui的在线编辑器，支持PSD导入、PSD解析，可用于海报设计器、广告设计器、logo设计器、AI创作图片合成器等

简介

Leafer Design 是一个免费开源的海报设计器。使用了最新的vue3,vite4,TypeScript等主流技术开发，开箱即用。

功能/计划

• ✅PSD导入
  • ✅ 支持RGB色彩模式的PSD文件导入
  • 🕙 支持CMYK色彩模式的PSD文件导入及色彩模式转换
  • ✅ 分组处理
  • ✅ 层级处理
  • ✅ 图片解析
  • ✅ 剪切蒙版
  • ✅ 文字解析
    • ✅ 普通文本
    • ✅ 富文本
  • ✅ 字体加载
  • 🕙 智能对象
• ✅ JSON导入
• ✅ 多页面支持
• ✅ 快捷键支持（部分功能）
• ✅ 模板导入
• ✅ 图层管理
• ✅ 标尺工具
• ✅ 钢笔工具
• ✅ 元素编辑
• ✅ 预览
• ✅ 文件下载（JSON / PNG / JPG / WEBP）
  • ✅ 整个画布导出
  • ✅ 指定元素导出
• ✅ 画布缩放、拖动模式
• ✅ 边框描边（纯色、线性渐变、径向渐变、图片）
• ✅ 填充（纯色、线性渐变、径向渐变、图片）
• ✅ 混合模式、旋转、透明度
• ✅ 文本字体、粗细、大小、下划线、中划线、倾斜、行距、字距、内边距、换行规则
• ✅ 文本超出控制、自定义超出显示
• ✅ 多元素打组、拆分组
• ✅ 画布尺寸修改、多背景填充
• ✅ 元素超出组裁剪/显示
• ✅ 富文本支持
• ✅ 二维码工具
• ✅ 条形码码工具
• 🕙 AI抠图
• 🕙 AI图生图、自动补全
• ✅ 标尺线npm包封装

导出与导入

导出

点击编辑器右上角的【下载作品】，可另存为JSON、PNG、JPG、WEBP等

导入

点击顶部左侧菜单栏中的【文件】，选择导入的类型即可进行导入

项目地址

Gitee地址: 点击访问Gitee
GitHub地址: 点击访问GitHub