ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Penpot 如何发布共享库(Shared Library)并在团队其他文件中连接使用

Penpot 如何发布共享库(Shared Library)并在团队其他文件中连接使用 Penpot 如何发布共享库Shared Library并在团队其他文件中连接使用【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpot在 Penpot 中维护设计系统时常见的任务是把某个文件整理成组件、颜色和文字样式的集合让同一个团队里的其他文件直接复用这些资源。这个流程分两步先把一个普通文件发布为共享库Shared Library再在团队的另一个文件里连接Connect这个库。前提是这两个文件属于同一个团队——文档明确说明共享库发布后该文件的文件库file library只对“存在于同一团队中的其他文件”可见并可连接。先让文件库里有可复用的资产每个文件都有自己的文件库用来存放属于该文件的资产。发布之前文件库里需要已经有内容否则别的文件连接过来也取不到东西。打开文件工作区workspace后用两种方式进入文件库assets 面板点击左侧边栏的 assets 标签图标按Alt/⌥i。往文件库里添加资产的方式详见 Assets 文档Components主组件main component在创建时会自动存入本地图库也可以点该分类的 “” 导入一张图片它会被作为组件加入。Colors点 “” 打开取色器添加颜色样式。Typographies从右侧边栏文字属性中创建的每个文字样式都会自动存入库中也可以点 “” 从零新建。小技巧先选中一个已有属性的文本图层再点 “”新建的文字样式会带上该文本的字体、字号、行高等属性。添加完成后在 assets 面板里确认能看到目标组件、颜色和文字样式再进入发布步骤。将文件发布为共享库文档给出两条发布路径任选其一通过文件主菜单在文件主菜单file main menu中选择将文件发布为共享库。通过 Libraries 面板在 assets 标签页assets tab上点击 “Libraries” 按钮打开 libraries 面板在面板内执行发布。发布成功后该文件的文件库就可以被同团队的其他文件连接使用。在团队其他文件中连接共享库打开同一团队内的另一个文件进入它的 workspace同样打开 assets 标签页点击 “Libraries” 按钮启动 libraries 面板然后搜索并勾选要使用的可用库。连接时的一个判断点如果面板提示 “There are no Shared Libraries available”说明当前团队里还没有任何文件被发布为共享库——按上面一节先发布或者从 Penpot 官方提供的 Libraries templates 中添加库。验证连接结果并使用共享资产连接完成后验证和使用都发生在当前文件的 workspace 中库出现在左侧资产面板已连接的共享库会列在 workspace 左侧边栏的 assets 面板里可以展开/折叠查看每个库内的资产。这是连接成功的直接标志。按类型使用资产操作方式与 Assets 文档 中“Use Assets”一致组件直接从库中拖拽到视口viewport颜色选中图形或文本后点击库中的颜色将其应用为填充按住AltmacOS 为⌥再点击则应用到描边文字样式选中文本图层后点击库中的 typography 样式即可应用。如果之后需要修改库内容本身可以点击共享库名称右侧的箭头图标直接跳转到库所在的源文件进行编辑。可选从已连接的库导入 Design Tokens这一项独立于“连接库使用组件、颜色、文字样式”只有当已连接的共享库定义了 design tokens 时库条目旁边才会出现Import tokens按钮没有 tokens 的库不显示此控件。从 assets 标签页打开Libraries面板在Libraries in this file下找到含 tokens 的已连接库点击Import tokens该按钮位于 disconnect 控件旁边确认对话框会提示导入会带入该库的完整 token 数据包括库定义了 sets 和 themes 时的 sets 与 themes点击Import tokens应用或Cancel取消。注意文档给出的限制从库导入 tokens 会替换当前文件中的全部 tokens、sets 和 themes。如果需要保留现有 token 配置文档建议先从 Tokens 标签页的 Tools → Export 导出备份再执行导入。限制与日常管理与“发布/连接”配套的三个操作均在发布时的同一位置文件菜单或 libraries 面板执行断开连接Disconnect随时可以在 libraries 面板点击 disconnect 按钮断开某个库。取消发布Unpublish随时可以像发布一样取消发布。注意后果取消发布会使该库从所有已连接它的文件中断开其他文件里已经使用过的资产会保留但不再与这个已取消发布的库保持链接关系。库更新Library updates源文件库有更新时文档展示了在 libraries 面板查看/处理更新的操作见 Libraries 文档 中 “Library updates” 一节的配图docs/img/libraries/libraries-updates.webp。边界说明共享库的作用域是“同一团队内的其他文件”。团队里没有可用库时文档给出的路径是发布其他文件或添加官方 Libraries templates除此之外文档未描述跨团队共享的方式。【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpot创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表