V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zjsxwc
V2EX  ›  程序员

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

  •  
  •   zjsxwc ·
    zjsxwc · 2021-10-27 09:16:07 +08:00 · 502 次点击
    这是一个创建于 1123 天前的主题,其中的信息可能已经有所发展或是发生改变。
    对于绝大部分程序员来说,使用 vue 之类的 mvvm 框架写 js 业务逻辑都不是什么大问题,

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

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

    是否有这种工具?没有这种工具的话是否可以有类似需求的人提交 psd 文件,然后有专业 css 前端接单写 css 赚钱之类的。
    第 1 条附言  ·  2021-10-27 11:12:35 +08:00
    问了下前端同学,已经有不少工具能够获取 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
    0o0o0o0
        1
    0o0o0o0  
       2021-10-27 09:41:51 +08:00
    Illustrator 可以
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1319 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 17:48 · PVG 01:48 · LAX 09:48 · JFK 12:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.