我希望有更多的设计师写代码

我知道这对很多人来说可能是一个敏感话题——但首先我要说的是，我自己也是一名设计师，但我正在慢慢转变为一名前端开发人员。模拟设计是一回事，但亲自将其付诸实践并部署则完全是另一回事。

我已经做了几年了，我想出了一个 React UI 库来帮助我更快地完成工作。随着时间的推移，凭借我自己的大量努力以及我所在公司其他几位开发人员的慷慨帮助，我将其打造成了一个功能齐全的框架，几乎用于我们构建的所有 UI。

我想在这里与大家分享这一点：https://fictoan.io/

尽管文档仍处于半成品阶段，但组件本身大多已完成，如果大家能就此分享自己的看法，那就太好了。

现在，它不仅仅是另一个组件库。

它的主要卖点是声明性的、明确的语法。

任何代码的目标受众始终是您和您的团队 — 编译器不关心格式、换行符或命名约定。如果代码一眼就能看懂、一目了然，那会怎样？

以下是用于创建输入字段的 Tailwind 标记示例，左侧有一个搜索图标，右侧有一个箭头图标：

现在，Fictoan 中也出现了同样的事情：

}
    iconRight={}
/>

以下是另一个经常使用的 Card 组件的示例：

  
    Hello there!
  
英式/美式拼写没有错误 - 都可以！
以下是一些布局代码：

  
    
  

  
    
  
这些分数定义了 24 列网格的部分。
这是另一个：

  import { CodeBlock } from "fictoan-react";
你明白我的意思了吗？
现在，别误会我的意思。Tailwind 很有效，它受欢迎是有原因的。但我认为这也是设计师觉得代码令人生畏的主要原因之一——语法不熟悉。乍一看，它神秘莫测、难以理解、令人恐惧。
如果代码更加清晰、友好、不言自明会怎样？
而且，针对开发人员的框架有数百万种，他们已经有了众多选择——Bootstrap、Chakra、Shadcn、Bulma——名单无穷无尽。
如果设计师实现设计的门槛更低会怎样？如果他们能更轻松地将自己的想法变成现实会怎样？
无论如何，那些感兴趣的人，请尝试一下，我很想听听你的想法！
再次强调，我仍在处理文档，因此如果有任何不完整/损坏的地方，请耐心等待！