有没有自动根据 PSD 设计图生成 css 的工具？

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1684 days ago, the information mentioned may be changed or developed.

对于绝大部分程序员来说，使用 vue 之类的 mvvm 框架写 js 业务逻辑都不是什么大问题，

现在阻碍这些程序员搞前端的唯一门槛，就是如何快速的弄出符合 PSD 设计图的 css 样式，

如果有一个工具能够快速的弄出复合 PSD 设计图的 css 样式，那么就每个程序员都能搞前端，

是否有这种工具？没有这种工具的话是否可以有类似需求的人提交 psd 文件，然后有专业 css 前端接单写 css 赚钱之类的。

Supplement 1 · Oct 27, 2021

问了下前端同学，已经有不少工具能够获取 psd 各个部位的样式了，蓝湖也能。

剩下的就是如何布局这些现成的样式，让这些样式之间布局空间合理，

然后他们推荐了我去看了下 flex 布局，总共就 6 个概念
1. display:flex; flex-direction flex-wrap
2. flex-grow flex-shrink flex-basis

所以现在布局变得很简单了：先用 flex 大概布局下位置，然后用 margin padding 微调位置，就能很好的完成布局了。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

CSS

psd

程序员

工具

1 replies

0o0o0o0

Oct 27, 2021

Illustrator 可以