现在的
网站建设大部分都是用CSS布局，在此之前却是完全不同的。这得力于CSS的快速发展和更好的应用，Penpot通过Flex Layout彻底改变了这一点，使设计人员能够使用CSS Flexbox直观地制作布局，并无缝地将其转换为代码。
在设计工具中，笔筒有着特殊的地位。它是一个开源的设计工具，旨在让设计师和开发人员一起工作，帮助他们使用同一种语言。它也是第一个完全开源的基于开放网络标准的设计工具。对于密切合作的设计师和开发人员来说，这是一个完美的选择，因为Penpot的方法可以帮助从根本上改善设计到开发的过程，并毫不费力地使它们无缝和更快。
作为开源软件，Penpot在社区的支持下发展得非常快。当我第一次写笔筒几个月前，我分享了我对该应用的布局功能的兴奋，这些功能最终带来了设计和代码之间的平等，并遵循与CSS相同的规则。从那时起，Penpot背后的团队已经使创建布局变得更好，所以他们值得另眼相看。我真的很喜欢玩新的钢笔功能，我相信你可能也想尝试一下。
如果您曾经编写或阅读过CSS代码，那么您很有可能已经偶然发现了Flexbox。它是构建现代网络布局的基石，很有可能，你每天访问的每个网站都会用到它。Flexbox是创建简单、灵活布局的基础。这是定位元素最常见的方式:将它们堆叠成行和列，并决定它们应该如何对齐和分布。
因此创建Flexbox布局是大多数web移交流程的重要部分。并且经常耗费时间，导致设计和开发之间的摩擦。通常，开发人员试图通过从头开始重建设计师制作的布局来将静态模型翻译成代码。由于大多数设计师不写CSS代码，而且大多数设计工具遵循与CSS不同的逻辑，很多东西可能会在翻译过程中出错或丢失。
这就是Penpot的Flex布局发挥作用的地方。内置钢笔的布局不需要繁琐的翻译成代码。尽管设计师可以使用熟悉的可视化界面来构建它们，但它们是现成的生产代码。即使他们需要调整，他们仍然可以节省开发人员大量的时间和猜测，因为他们遵循的逻辑是他们已经熟悉和理解的。
所以从根本上来说，这对每个人都有好处。开发人员的工作量减少了，因为他们可以直接获得所需的代码。这对设计师来说更好，因为他们可以更好地控制最终效果，更好地理解他们设计的技术。最后，这对业务有好处，因为它节省了每个人的时间。
