求推荐一款 psd 生成 html+css 前端代码的工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2196 天前的主题，其中的信息可能已经有所发展或是发生改变。

pc 网站后端用的 flask 各个页面的 psd 设计稿都做好了
没有正式接触过前端会切图用 dw 划热区。。
google 了一下有个快切、蓝湖简单用了一下好像与需求不太符合，那么还有更好用的工具么谢谢！

psd

快切

划热区

flask

25 条回复 • 2019-06-20 16:27:16 +08:00

watch

2018-11-20 17:46:49 +08:00

没人么看来把这件事想的太简单了🙃

shaojz2005

2018-11-20 17:50:21 +08:00

哪有这东西，有也肯定不好用

webly

2018-11-20 17:58:16 +08:00

还是需要前端来做吧，毕竟就算 psd 导出来，还需要考虑兼容，适配一系列问题的

whypool

2018-11-20 17:59:26 +08:00

ps 导出 html

有那么简单要前端干啥

zzzzhan

2018-11-20 19:09:31 +08:00

论切图仔的重要性

learnshare

2018-11-20 19:17:11 +08:00

找个外包花点钱，或者网页直接贴图片

hareandlion

2018-11-20 19:28:18 +08:00

看过一篇用 RNN 解析图片生成 html 代码的文章。。。貌似还在实验室阶段

watch

2018-11-20 19:56:33 +08:00

@shaojz2005 @whypool @webly 嗯嗯
@zzzzhan 切图不难啊 @learnshare 贴图片。。还是不要了

KingEngine

2018-11-20 19:58:52 +08:00

图片能转换成页面，还没这么高级的工具吧？！

loading

2018-11-20 20:06:48 +08:00 via Android

保存为 jpg，然后在 dreamweaver 切吧，233。

MikumoAnzu

2018-11-20 20:25:33 +08:00 via Android

@loading 哈哈哈哈正解

duan602728596

2018-11-20 21:14:09 +08:00 via iPhone

那么前端要用什么框架呢？

supuwoerc

2018-11-20 21:15:44 +08:00

我们前端不要面子的嘛！

damao2250

2018-11-20 21:34:13 +08:00 via Android

切图仔不要面子的嘛

shintendo

2018-11-20 21:55:17 +08:00

今年黑前端最好的贴子

AmorZhang

2018-11-20 21:57:24 +08:00

你如果用的 sketch，那就可以

jessynt

2018-11-20 22:09:33 +08:00

https://github.com/tonybeltramelli/pix2code

experimental~

watch

2018-11-20 23:13:22 +08:00

哈哈哈前端对不起！
@AmorZhang 没有 mac

rbut

2018-11-20 23:19:24 +08:00

Sketch2Code 了解一下

Torpedo

2018-11-20 23:31:40 +08:00 via Android

蓝湖可以试试。

snoopy1024

2018-11-20 23:46:43 +08:00 via Android

我觉得目前人工智障的水平还理解不了你的图稿… 去 W3C 上学学前端基础，既然都做后端了前端基础是必会的。想想以前前后端还未分离的时候后端累得要死。

adoui

2018-11-21 09:14:17 +08:00

ps 有工具可以转换
切片

KuroNekoFan

2018-11-21 09:50:31 +08:00

出纯 ui 的或许有，带非定制化交互行为的暂时没见过

KuroNekoFan

2018-11-21 09:51:30 +08:00

然后出纯 ui 的真的就是只能用在展示性网站上，想做二次开发都不方便，因为毕竟机器出来的东西对人不一定友好

ESeanZ

2019-06-20 16:27:16 +08:00

老哥，解决了吗？