Design Management · Gitlab 中文文檔

# Design Management > 原文：[https://docs.gitlab.com/ee/user/project/issues/design_management.html](https://docs.gitlab.com/ee/user/project/issues/design_management.html) * [Overview](#overview) * [Requirements](#requirements) * [Supported files](#supported-files) * [Limitations](#limitations) * [GitLab-Figma plugin](#gitlab-figma-plugin) * [The Design Management section](#the-design-management-section) * [Enable or disable displaying Designs on the issue description](#enable-or-disable-displaying-designs-on-the-issue-description-core-only) * [Adding designs](#adding-designs) * [Skipped designs](#skipped-designs) * [Viewing designs](#viewing-designs) * [Exploring designs by zooming](#exploring-designs-by-zooming) * [Deleting designs](#deleting-designs) * [Starting discussions on designs](#starting-discussions-on-designs) * [Resolve Design threads](#resolve-design-threads) * [Referring to designs in Markdown](#referring-to-designs-in-markdown) * [Enable or disable design references](#enable-or-disable-design-references-core-only) * [Design activity records](#design-activity-records) # Design Management[](#design-management "Permalink") 版本歷史 * 在[GitLab Premium](https://about.gitlab.com/pricing/) 12.2 中[引入](https://gitlab.com/groups/gitlab-org/-/epics/660) . * 在 13.0 中[移至](https://gitlab.com/gitlab-org/gitlab/-/issues/212566) GitLab Core. ## Overview[](#overview "Permalink") Design Management 允許您將設計資產（線框，模型等）上載到 GitLab 問題，并將它們存儲在一個位置，由問題中的 Design Management 頁面訪問，從而為產品設計師，產品經理和工程師提供了一種方法在單一事實來源上進行設計合作. 您可以輕松地與團隊共享設計的模型，也可以輕松查看和解決視覺回歸問題. 有關概述，請參見視頻[設計管理（GitLab 12.2）](https://www.youtube.com/watch?v=CCMtCqdK_aM) . ## Requirements[](#requirements "Permalink") 設計管理需要啟用[大文件存儲（LFS）](../../../topics/git/lfs/index.html) ： * 對于 GitLab.com，已啟用 LFS. * 對于自我管理的實例，GitLab 管理員必須[全局啟用 LFS](../../../administration/lfs/index.html) . * 對于 GitLab.com 和自我管理實例：必須為項目本身啟用 LFS. 如果全局啟用，則默認情況下將對所有項目啟用 LFS. 要在項目級別啟用 LFS，請導航至項目的**"設置">"常規"** ，展開" **可見性"，項目功能，權限**并啟用" **Git Large File Storage"** . 設計管理還要求項目使用[哈希存儲](../../../administration/raketasks/storage.html#migrate-to-hashed-storage) . 從 GitLab 10.0 開始，默認情況下，新創建的項目使用哈希存儲. GitLab 管理員可以通過導航到" **管理區域">"項目"** ，然后選擇有問題的項目來驗證項目的存儲類型. 如果項目的*Gitaly 相對路徑*包含`@hashed`則可以將其標識為散列存儲. 如果不滿足要求，則" **設計"**選項卡會向用戶顯示一條消息. ## Supported files[](#supported-files "Permalink") 上傳的文件的文件擴展名必須為`png` ， `jpg` ， `jpeg` ， `gif` ， `bmp` ， `tiff`或`ico` . 計劃在將來的版本中支持[SVG 文件](https://gitlab.com/gitlab-org/gitlab/-/issues/12771)和[PDF](https://gitlab.com/gitlab-org/gitlab/-/issues/32811) . ## Limitations[](#limitations "Permalink") * 設計上載一次限制為 10 個文件. * 從 GitLab 13.1 起，設計文件名限制為 255 個字符. * [銷毀項目時，不會刪除](https://gitlab.com/gitlab-org/gitlab/-/issues/13429)設計管理數據. * [移動](https://gitlab.com/gitlab-org/gitlab/-/issues/13426)問題時， [不會移動](https://gitlab.com/gitlab-org/gitlab/-/issues/13426) Design Management 數據； [刪除](https://gitlab.com/gitlab-org/gitlab/-/issues/13427)問題時，也不會[刪除](https://gitlab.com/gitlab-org/gitlab/-/issues/13427)它. * 從 GitLab 12.7 起，設計管理數據[可以](../../../administration/geo/replication/datatypes.html#limitations-on-replicationverification)由 Geo [復制](../../../administration/geo/replication/datatypes.html#limitations-on-replicationverification) ，但[不能驗證](https://gitlab.com/gitlab-org/gitlab/-/issues/32467) . * 只能刪除設計的最新版本. * 刪除的設計無法恢復，但是您可以在以前的設計版本中看到它們. ## GitLab-Figma plugin[](#gitlab-figma-plugin "Permalink") 在 GitLab 13.2 中[引入](https://gitlab.com/gitlab-org/gitlab-figma-plugin/-/issues/2) . 通過無縫的工作流程將設計環境與源代碼管理連接起來. GitLab-Figma 插件通過將產品設計師的工作從 Figma 直接帶到 GitLab Issues 作為上載的 Designs，使在 GitLab 中進行協作變得快捷，容易. 要使用該插件，請從[Figma 目錄中](https://www.figma.com/community/plugin/860845891704482356)安裝它，并通過個人訪問令牌連接到 GitLab. 有關詳細信息，請參見[插件文檔](https://gitlab.com/gitlab-org/gitlab-figma-plugin/-/wikis/home) . ## The Design Management section[](#the-design-management-section "Permalink") 版本歷史 * 在 GitLab 13.2 中[引入的](https://gitlab.com/gitlab-org/gitlab/-/issues/223193)設計直接顯示在問題描述中，而不是單獨的選項卡上. * 新顯示將部署在功能標記后面，默認情況下啟用. * 在 GitLab.com 上啟用了它. * 不能根據項目啟用或禁用它. * 建議用于生產. * 對于 GitLab 自我管理的實例，GitLab 管理員可以選擇[禁用它](#enable-or-disable-displaying-designs-on-the-issue-description-core-only) . 如果禁用，它將"設計"移回" **設計"**選項卡. 您可以在問題描述的" **設計管理"**部分中找到： [![Designs section](https://img.kancloud.cn/c8/fa/c8fab16c251c5b46eb10b99a7e871219_1958x1282.png)](img/design_management_v13_2.png) ### Enable or disable displaying Designs on the issue description[](#enable-or-disable-displaying-designs-on-the-issue-description-core-only "Permalink") 正在開發關于問題描述的設計，但已準備好用于生產. 它部署在**默認情況下啟用**的功能標志的后面. [有權訪問 GitLab Rails 控制臺的 GitLab 管理員](../../../administration/feature_flags.html)可以選擇為您的實例禁用它. 禁用它： ``` Feature.disable(:design_management_moved) ``` 要啟用它： ``` Feature.enable(:design_management_moved) ``` 通過禁用此功能，設計將顯示在" **設計"**選項卡上，而不是直接顯示在問題描述上. ## Adding designs[](#adding-designs "Permalink") 要上傳設計圖像，請將文件從計算機上拖放到"設計管理"部分，或單擊" **上傳"**以從文件瀏覽器中選擇圖像： [![Designs empty state](https://img.kancloud.cn/dd/f9/ddf9ed8d5949d392920ac46c24ca3ce7_1958x516.png)](img/design_management_upload_v13.2.png) 在[GitLab Premium](https://about.gitlab.com/pricing/) 12.9 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/34353) ，您可以將設計拖放到專用放置區域以上載它們. [![Drag and drop design uploads](https://img.kancloud.cn/e1/1f/e11fc73f05c34a1a84b1b9e3a01d3f30_1972x1235.png)](img/design_drag_and_drop_uploads_v13_2.png) 在 GitLab 12.10 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/202634)后，您還可以從文件系統復制圖像并將其作為新設計直接粘貼到 GitLab 的"設計"頁面上. 在 macOS 上，您還可以截取屏幕截圖，并同時單擊`Control` + `Command` + `Shift` + `3` ，將其立即復制到剪貼板，然后將其粘貼為設計. 復制和粘貼有一些限制： * 一次只能粘貼一張圖像. 復制/粘貼多個文件時，只會上傳第一個文件. * 所有圖像將在引擎蓋下轉換為`png`格式，因此當您要復制/粘貼`gif`文件時，會導致動畫損壞. * 如果要從剪貼板粘貼屏幕截圖，它將被重命名為`design_<timestamp>.png` * Copy/pasting designs is not supported on Internet Explorer. 與現有的上載設計具有相同文件名的設計將創建該設計的新版本，并將替換以前的版本. 如果文件名相同，則在[GitLab Premium](https://about.gitlab.com/pricing/) 12.9 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/34353)后，將設計放到現有的上載設計上也會創建一個新版本. 如果問題已移動或[討論被鎖定](../../discussions/#lock-discussions) ，則無法添加設計. ### Skipped designs[](#skipped-designs "Permalink") 與現有上傳的設計具有相同文件名*且*其內容未更改的設計將被跳過. 這意味著將不會創建該設計的新版本. 跳過設計時，將通過關于"問題"的警告消息通知您. ## Viewing designs[](#viewing-designs "Permalink") 單擊"設計管理"頁面上的圖像可以將其放大. 您可以通過單擊右上角的導航按鈕或使用`左` / `右`鍵盤按鈕來瀏覽設計. 設計文件名右側列出了有關設計的討論數（如果有）. 單擊此數字可以放大設計，就像單擊設計上的其他任何位置一樣. 添加或修改設計時，項目上會顯示一個圖標，以幫助總結版本之間的更改. | Indicator | Example | | --- | --- | | Discussions | [![Discussions Icon](https://img.kancloud.cn/bf/31/bf319c0724f0ece0210927eda917e852_626x584.png)](img/design_comments_v12_3.png) | | 已修改（在所選版本中） | [![Design Modified](https://img.kancloud.cn/21/91/21914ae6cd3b916dc88a96d3f7a0c7ba_610x570.png)](img/design_modified_v12_3.png) | | 已添加（在所選版本中） | [![Design Added](https://img.kancloud.cn/af/c2/afc27d9add2c745093879e703f8a5061_610x568.png)](img/design_added_v12_3.png) | ### Exploring designs by zooming[](#exploring-designs-by-zooming "Permalink") [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/13217) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.7. 通過放大和縮小圖像，可以更詳細地探索設計. 使用圖像底部的`+`和`-`按鈕控制縮放量. 縮放后，您仍然可以在圖像上[開始新的討論](#starting-discussions-on-designs) ，并查看任何現有的討論. 在 GitLab 12.10 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/197324) ，放大后，您可以在圖像上單擊并拖動以在圖像中移動. [![Design zooming](https://img.kancloud.cn/58/cc/58cc3e6629e69b3ed1c0e2f390402115_2000x1118.png)](img/design_zooming_v12_7.png) ## Deleting designs[](#deleting-designs "Permalink") [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/11089) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.4. 有兩種刪除設計的方法：分別手動刪除它們，或選擇其中幾個立即刪除，如下所示. 要刪除單個設計，請單擊它以將其放大查看，然后單擊右上角的垃圾桶圖標，并通過單擊模式窗口上的" **刪除"**按鈕來確認刪除： [![Confirm design deletion](https://img.kancloud.cn/88/e9/88e9861aca30a2aa136630e8ef13381a_1307x854.png)](img/confirm_design_deletion_v12_4.png) 要一次刪除多個設計，請在設計的列表視圖上，首先選擇要刪除的設計： [![Select designs](https://img.kancloud.cn/28/28/2828e00ce18b134acf2791e31ddc2ded_1974x936.png)](img/select_designs_v12_4.png) 選擇后，單擊" **刪除所選的"**按鈕以確認刪除： [![Delete multiple designs](https://img.kancloud.cn/3f/24/3f2404ac21bc5da523f28e8ccd380db6_1974x936.png)](img/delete_multiple_designs_v12_4.png) **注意：**只能刪除設計的最新版本. 刪除的設計不會永久丟失；可以通過瀏覽以前的版本來查看它們. ## Starting discussions on designs[](#starting-discussions-on-designs "Permalink") 上傳設計后，您可以通過單擊您要關注討論的確切位置上的圖像來開始討論. 將圖釘添加到圖像，以標識討論的位置. [![Starting a new discussion on design](https://img.kancloud.cn/cf/4b/cf4b835450c844d50118e4c2232883d1_2878x1580.png)](img/adding_note_to_design_1.png) 在[GitLab Premium](https://about.gitlab.com/pricing/) 12.8 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/34353) ，您可以通過在圖像周圍拖動來調整銷的位置. 當您的設計布局在各修訂版之間進行了更改時，或者需要移動現有的引腳以在其位置添加新的引腳時，這很有用. 不同的討論有不同的引腳號： [![Discussions on designs](https://img.kancloud.cn/52/f7/52f704a9ee2c166e90158cf8c1df26a0_2872x1568.png)](img/adding_note_to_design_2.png) 從 GitLab 12.5 起，新的討論將輸出到問題活動中，以便所有相關人員都可以參與討論. ## Resolve Design threads[](#resolve-design-threads "Permalink") 在 GitLab 13.1 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/13049) . Discussion threads can be resolved on Designs. 有兩種解決/取消解決設計線程的方法： 1. 您可以通過單擊討論的第一個評論的右上角的" **解決線程"**的復選標記圖標，將一個線程標記為已解決或未解決： [![Resolve thread icon](https://img.kancloud.cn/f4/e7/f4e757322705e2796c1fcf8d1bc77557_812x440.png)](img/resolve_design-discussion_icon_v13_1.png) 1. 還可以通過使用復選框在其線程中解析或不解析設計線程. 回復評論時，您會看到一個復選框，您可以單擊該復選框以在發布后解決或取消解決線程： [![Resolve checkbox](https://img.kancloud.cn/e3/32/e332a2e0853e4de66dd76d646ff71fd7_796x820.png)](img/resolve_design-discussion_checkbox_v13_1.png) 請注意，您已解決的注釋圖釘將從設計中消失，以騰出空間進行新的討論. 但是，如果您需要重新訪問或找到已解決的討論，則所有已解決的主題將在右側欄底部的" **已解決的注釋"**區域中可用. ## Referring to designs in Markdown[](#referring-to-designs-in-markdown "Permalink") > * [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/217160) in **亞搏體育 app 13.1**. > * 它部署在功能標志后面，默認情況下處于禁用狀態. > * 它在 GitLab.com 上被禁用. > * 不建議將其用于生產. > * 要在 GitLab 自管實例中使用它，請讓 GitLab 管理員[啟用它](#enable-or-disable-design-references-core-only) . 我們支持在[Markdown 中](../../markdown.html)引用設計，在整個應用程序中都可用，包括合并請求和問題描述，討論和評論以及 Wiki 頁面. 目前，支持完整的 URL 引用. 例如，如果我們使用以下內容引用設計： ``` See https://gitlab.com/your-group/your-project/-/issues/123/designs/homescreen.png ``` 這將呈現為： > See [#123[homescreen.png]](https://gitlab.com/your-group/your-project/-/issues/123/designs/homescreen.png) ### Enable or disable design references[](#enable-or-disable-design-references-core-only "Permalink") 設計參考解析正在開發中，尚未準備好用于生產. 它部署在**默認情況下禁用**的功能標志的后面. [有權訪問 GitLab Rails 控制臺的 GitLab 管理員](../../../administration/feature_flags.html)可以為您的實例啟用它. 要啟用它： ``` Feature.enable(:design_management_reference_filter_gfm_pipeline) ``` 禁用它： ``` Feature.disable(:design_management_reference_filter_gfm_pipeline) ``` ## Design activity records[](#design-activity-records "Permalink") 版本歷史 * 在 GitLab 13.1 中[引入](https://gitlab.com/gitlab-org/gitlab/-/issues/33051) . * 在 GitLab 13.2 中[刪除](https://gitlab.com/gitlab-org/gitlab/-/issues/225205)了[功能標志](https://gitlab.com/gitlab-org/gitlab/-/issues/225205) . GitLab 跟蹤設計上的用戶活動事件（創建，刪除和更新），并顯示在[用戶配置文件](../../profile/index.html#user-profile) ， [組](../../group/index.html#view-group-activity)和[項目](../index.html#project-activity)活動頁面上.