全新开源UI设计软件「Vextra」简介

133 阅读2分钟

Vextra是一个功能强大的开源设计软件,支持Figma(.fig)和Sketch(.sketch)文件格式。它提供了完整的在线设计工具链,包括编辑器、协作功能等核心特性。这个项目由KCai Technology开发,采用AGPL-3.0开源许可证,完全免费使用。

快速开始

  1. 下载代码并运行
# 克隆项目
git clone https://github.com/kcaitech/vextra.git
cd vextra

# 启动服务
cd quickstart
./docker-run.sh up
  1. 查看docker是否正确运行

image.png

  1. 访问http://localhost,即可看到Vextra的产品介绍页

image.png

  1. 点击「免费使用」进行注册登陆后就进行到文档列表页啦

image.png

  1. 打开工程自带的样张文档(editor/samples目录下),就可以快速尝试软件功能了

image.png

  1. 编辑页面如下

image.png

核心特性

🎨 多格式支持

Vextra支持多种设计文件格式:

  • Figma文件:完整的.fig文件导入导出支持
  • Sketch文件:支持.sketch文档解析和转换
  • SVG格式:矢量图形导入导出
  • 图像格式:PNG、JPG等多种导出格式

🖱️ 现代化在线编辑器

基于Vue 3 + TypeScript构建的编辑器,提供了:

  • 响应式画布渲染引擎
  • 丰富的属性面板和图层操作
  • 组件化、可扩展的前端架构
  • 全平台支持

👥 实时协作功能

Vextra支持多用户实时协作编辑,这对于团队设计工作来说是一个巨大的优势。你可以和团队成员同时编辑同一个设计文件,实时看到彼此的修改。

🌟 项目亮点

  1. 完全开源: AGPL-3.0许可证,可自由使用和修改
  2. 技术先进: 采用最新的Web技术栈
  3. 功能完整: 覆盖设计工作的全流程
  4. 易于部署: Docker一键部署,降低运维成本
  5. 社区驱动: 活跃的开源社区,持续改进

📚 相关资源

🎯 总结

Vextra作为一个新兴的开源设计工具,在技术架构和功能完整性方面都表现出色。它不仅解决了设计文件格式兼容性问题,还提供了现代化的在线协作体验。

对于开发者来说,这是一个学习现代Web应用架构的优秀案例;对于设计师来说,这是一个功能完整的在线设计平台;对于企业来说,这是一个可以私有化部署的可靠解决方案。

如果你正在寻找一个开源的设计工具,或者想要学习如何构建复杂的Web应用,Vextra绝对值得你关注和尝试!


你觉得Vextra怎么样?欢迎在评论区分享你的想法和使用体验! 🚀