Pixso协同设计与鸿蒙HarmonyOS原生组件库的完美结合

发表时间: 2024-06-25 14:29

IT之家 6 月 25 日消息，博思云创旗下协同设计工具 Pixso 官宣首发鸿蒙 HarmonyOS 原生组件库。

据介绍，HarmonyOS 组件库，是由鸿蒙内部设计师与开发者共同打造的企业级设计系统，可用于设计鸿蒙应用、遵循平台的设计规范、完成跨平台的产品设计。IT之家附 Pixso 鸿蒙 HarmonyOS 组件库亮点信息如下：

规范设计

HarmonyOS 组件库提供设计规范，能够帮助用户完成鸿蒙应用设计和研发，并保持设计语言和风格的一致。

HarmonyOS 组件库提供 6 大类原生组件，包括导航类、操作类、展示类、输入类、选择类和容器类，每一类下面细分出多个子类和样式，覆盖大多场景设计需求。

组件在不同场景下有不同表现形式，原生组件预置不同变体，可通过 Pixso 组件变体功能切换颜色、大小、形状等，以适应不同的设计需求或满足特定的使用场景。

所有人均可基于 HarmonyOS 组件库来构建个人或团队组件库，通过 Pixso 组件库替换功能，用户可根据组件和样式名称进行匹配，批量替换项目使用的组件库，实例中的组件、样式、配色也会同步更换，无需手动修改。

除了 HarmonyOS 组件库，Pixso 插件广场还上架了一款相配套的设计插件“Harmony Design”，插件集成了 3 大功能，可进一步提升产品设计效率：

HarmonyOS 组件库、鸿蒙设计插件获取、安装方式如下：

浏览器打开 Pixso 资源社区首页，顶部的「资源社区精选」区域显示有 HarmonyOS 组件库，点击组件库封面进入详情页。

进入 HarmonyOS 组件库的详情页后，点击右上角的「复制」按钮，即可一键拷贝整份组件库。

拷贝的 HarmonyOS 组件库默认存放在“我的草稿”中，团队协作场景下，组件库可移动到团队协作空间，团队成员可查看或维护整个组件库。

Pixso 插件广场首页展示有 Harmony Design 插件，点击插件右侧的按钮，安装对应的插件。

安装鸿蒙设计插件后，用户可在设计过程中随时唤出插件，辅助完成产品设计，操作如下：

点击 Pixso 设计文件右上角的插件图标，在弹出的插件浮窗，可以看到刚安装的鸿蒙插件，点击即可运行插件。

另外，还可以在画板上点击鼠标右键，选择右键菜单底部的「插件」，同样可以看到已安装的鸿蒙插件，点击即可唤出插件面板。