In simple English
This tool lets you build a web-based editor for creating posters and marketing graphics. Users can drag text, shapes, and images around a canvas. It imports files made in popular design programs and turns them into editable objects. You can host this software on your own server for free. It is meant for developers who want to add a graphic editor to their web app.
What it is
Yft-design is an open source clone of a commercial design platform, built using TypeScript and Vue 3 (a framework for building user interfaces on web pages). It relies on Fabric.js (a library that lets you draw and manipulate shapes on an HTML canvas) to handle all graphical elements.
What it is good for
Building a custom design suite for your own web platform, or letting users edit promotional images directly in their browser.
- Can import PDF and PSD (Photoshop document) files directly into the editor.
- Exports finished designs to images, SVGs (scalable vector graphics), or PDF files.
- Includes rulers, guides, and snap-to-align features for precise layout work.
- Requires Node.js version 16 or newer installed on your computer to build.
- Documentation and comments inside the code are primarily in Chinese.
- Some features like layer locking and batch editing are still marked as to-do items.
commercial online design platforms
Node.js
- fabricjs/fabric.js32k stars
The underlying graphics library used to render and manipulate objects on the canvas.
- ImageMagick/ImageMagick18k stars
Converts, resizes and edits images from one typed command, across more than two hundred formats.
- GoogleChromeLabs/squoosh26k stars
A web page that compresses images in the browser and shows you the result before you save it.
- simple-icons/simple-icons26k stars
More than 3,400 brand logos as single-colour SVG files, released into the public domain.
git clone https://github.com/dromara/yft-design.git cd yft-design pnpm install pnpm dev