案例研究:TeamPassword如何使用UXPin合并构建一致的设计
这篇文章是与TeamPassword，一个简单易用的密码管理工具，已经开始使用UXPin合并设计与代码组件。开云体育官方下载安装包手机版
__________________________________________________________________
看看领先的设计系统，你可能会有这样的印象:它们是为那些有时间和资源来构建一个设计系统的大品牌保留的。一点也不!今天的解决方案允许任何规模的团队创建、维护和支持设计系统。
TeamPassword就是这样一家公司。当我们遇到TeamPassword时，他们只有2人的开发团队，其中没有设计师。他们计划在没有设计师的情况下继续下去，这都要感谢UXPin Merge。
关于TeamPassword
TeamPassword是一个密码管理器，用于将所有登录名和密码保存在一个地方的团队。与通过电子邮件、聊天应用程序或其他不太安全的通信渠道传递密码不同，团队可以通过一个简洁的界面随时访问登录详细信息，这使得共享变得简单。该工具易于使用，非常简单，这使得访问安全性真正容易获得。
挑战
切换到React以获得更好的维护
Matthew Chigira作为团队两名开发人员之一，以全栈开发人员的身份加入了TeamPassword。他建议该工具应该切换到React，因为与旧框架相比，React更容易维护。
更新UI设计以保持竞争力
他还知道，用一个设计系统来创建一个应用程序是多么方便，这个设计系统可以存储和记录界面的构建模块。也有使用设计系统的品牌还有许多其他好处从一开始，而不是用样式指南或来自许多不同库的组件来构建接口，而不是只有一个。早期拥有设计系统的一些好处包括更快的工作速度，更好的切换，当然还有一致的UI。
即使你正在构建一个MVP，也要考虑遵循设计系统。这将使设计过程更加顺畅，并帮助你避免在团队规模较大时缩放UI的问题。此外，不一致的外观和感觉可能会影响潜在客户对应用程序的看法。
“品牌在这个市场中至关重要。TeamPassword的运营总监Tony Caccavo说，“客户将登录记录中的敏感信息委托给我们。不一致或过时的设计可能会导致一些客户质疑我们的技术是否足够先进，以确保信息安全。前端开发建立了对后端性能的信任和信心。”
这同样适用于特性装运。如果团队行动不快，就会有人抢先一步。然而，在没有设计师的情况下开发产品并不支持易于遵循、一致的用户界面。
通过更一致的UI设计获得可信度
许多团队都面临着类似的问题。他们有出色的工程师，但需要快速开发，这影响了UI的一致性和清晰度。要在竞争中打造一个强大的品牌并不容易。在这个市场上，品牌至关重要。客户将登录记录中的敏感信息委托给该工具。
不一致或过时的设计可能会导致一些客户质疑我们的技术是否足够先进，以确保信息安全。前端开发建立了对后端性能的信任和信心。
因此，设计系统对TeamPassword来说是必须的，但它不能解决他们所有的问题。这只会帮助他们做出设计决策。他们还需要一个工具来创建一个简单而有效的前端设计，这就是UXPin Merge出现的原因。
小团队可以取得大成果
TeamPassword了解UXPin Merge及其与代码组件库的集成，特别是一个开云体育官方下载安装包手机版开源梅。其中一个主要卖点是，他们可以从第一天起就获得基于自己品牌的主题版本的MUI。他们需要一种设计工具，可以导入MUI组件，并通过将UI组件拖放到画布上来帮助他们创建原型。
UXPin Merge可以为UXPin编辑器带来一个充满React组件的MUI库。有很多种方法。TeamPassword可以从Git存储库导入或使用它们故事书集成。导入编码的组件也是可能的，这要感谢UI组件的无代码导入-合并组件管理器在这里请求访问它。
与我们所有的Merge客户端一样，UXPin安排了一个与TeamPassword的研讨会，向他们展示如何使用代码组件进行设计。开云体育官方下载安装包手机版马修说:“我们和杰克进行了一次非常有价值的培训，我们学会了如何设置工具和使用编辑器。该团队还向我们展示了如何调整组件。”
使用UXPin合并，TeamPassword不需要设计师来组合一个现实的原型。更重要的是，UI设计不仅看起来专业，而且它也像一个开发好的产品，因为Merge使用了真正的React组件，而不是仍然需要编码的组件的图像表示。TeamPassword可以真正使他们受益真相来源单一无论是开发还是设计。
除了UI设计功能，该团队还对UXPin Merge提供的版本控制。他们可以快速更新上一个版本，原型也会得到更新。如果没有这个特性，他们就必须一个接一个地更新元素。版本控制还有助于跟踪更改，并在必要时在设计版本之间切换。
将完成的设计和开发成产品的过程也变得更快了。它是如此迅速地导出原型与所有规格和生产就绪的代码。团队通常不得不花在编写前端代码上的时间被节省了。
未来计划
TeamPassword有一个完整的游戏计划，他们准备如何使用UXPin合并。
- 他们想开始一个网站重新设计基于选定的设计系统目前的网站看起来有点过时，这可能会影响一些潜在客户的购买决定。另外，它的设计不一致。TeamPassword希望对其进行改造。
- 然后，他们的目标是使用MUI和UXPin合并重建应用程序的界面下一个任务是重做应用程序的前端设计。他们想切换到React，并使用MUI作为应用程序的组件库。由于他们使用相同的构建模块进行设计和开发——React组件——整个任务应该不会花费很长时间。
- 他们将继续开发新功能，壮大TeamPassword-他们的新原型方法将帮助他们设计和开发应用程序，提供统一的用户体验，缩短上市时间
总结
使用UXPin合并帮助TeamPassword创建UI设计，并在任何时间导出后面的代码。他们最终将能够扩展设计，组织他们的工作流程，并创建一致的界面，而不必雇佣设计机构。小团队的设计速度允许他们以正确的速度扩展。这是一个新的工作水平!
带有Merge技术的UXPin允许任何人从存储在Git、Storybook或NPM包中的库中导入UI代码组件。开云体育官方下载安装包手机版团队甚至在准备好扩展产品和团队之前，就可以获得设计和开发的单一真相来源。
请求访问UXPin合并和体验如何快速原型可以得到。原型和编码产品之间没有区别。这为任何规模的团队节省了大量的时间。将代码组件引开云体育官方下载安装包手机版入设计工具，并连接设计和开发工作流。请求访问。
