正在做一个类似 sketch/figma 的图形编辑器，现在能够渲染 sketch 文件了

[Warder]

地址： https://skeditor.github.io/
目前只做了图形渲染部分，还没有编辑能力。接下来准备开始实现编辑功能了。
希望大家能够试用下并反馈遇到的问题。
目前只支持较新版本的 sketch 文件，新版本 sketch 文件格式比较简单，就是个 zip+json 的结构。 老版本使用了 sqlite3 和 bplist 的格式还没做兼容。

2d 图形库用的是 skia 的 WebAssembly 版本 --- canvaskit ，也就是 flutter web 项目中使用的那个。fork 了 skia 的仓库，稍微了点内容。 功能强大很好用，说实话没有 skia 这个项目很难做。

UI 界面部分使用了 vue3 ，对 typescript 的支持好了很多。

[dragonszy]

厉害了！战略马克

[crystom]

厉害了，我也想用做个类似 dreamweaver 的东西

[a62527776a]

太强了

[Warder]

@crystom dreamweaver 听着好有年代感了，不知道现在还有没有人在用。

[zagfai]

dreamweaver 哈哈哈 太有年代感了。。。

[AX5N]

frontpage 不香吗

[kaktos]

dreamweaver 二十年前干掉了 frontpage 吧，依稀记得是...

[CSGO]

牛，国内好多都在做这个玩意。

[Charod]

大佬牛逼，带带我

[dacapoday]

PixiJS ??

[houzhenhong]

skia 需要用你 fork 的这个吧，不是用不了 https://github.com/blvd20/skia

[zhw2590582]

你要做网页版的 sketch 嘛？工作量还挺大

[Warder]

@houzhenhong 对，本地要跑起来的话，需要用 emcc 编译 skia ，然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ，项目跑起来就会容易些。

[Warder]

@dacapoday 没有用 pixijs ，用的是 skia ，不过 pixijs 里的代码也借鉴了一些。skia 能力更强点，自带文本排版，path 布尔运算等能力。

[Warder]

@Charod
@zhw2590582 是的，工作量挺大的，感兴趣的话可以一起来做。

[iOCZ]

老版本没必要支持了吧，看看能不能搞个文档记录 sketch 文件的规格，以便后续提供跨平台原生实现

[Warder]

@iOCZ 嗯，Sketch 自己在 Github 上是有一个文件格式的类型定义的

[shawndev]

首次点击 See Some Example 之后加载的很慢而且没有加载动画，令我一度以为功能是失效的。。

[shangrenxi]

不知道楼主有没有了解过 https://design.penpot.app/
也是个开源的项目

[shelley88]

我们是一家做图形编辑器的公司，想挖一挖你，方便联系下么？