【Infragistics教程】從設計到代碼：Indigo.Design

【下載Infragistics Ultimate最新版本】

「設計到代碼」，便可視化設計師、用戶體驗架構師、產品經理和應用程序開發人員如何參與協做軟件設計和開發過程，容許每一個利益相關者使用他們最喜歡的工具，包括Sketch、Indigo Studio和Visual Studio代碼以及Angular & Flutter框架.。

Indigo.Design是一個統一的、基於雲的可視化設計、UX原型、代碼生成和應用程序開發平臺。

Indigo.Design功能

Indigo.Design包含四個關鍵組件，它們構成了從設計到開發的過程，創造了使人驚歎的體驗，其目標是確保利益相關者參與設計過程，並消除了從設計師到開發人員之間容易出錯和繁瑣的設計移交——Indigo.Design容許您生成代碼，而不是提供無與倫比的團隊流和生產力。

• Design System——50多個UI組件做爲SketchUI工具包出現，映射到咱們的Angular UI工具集的Ignite UI。使用這些組件建立的設計將生成HTML、CSS和Angular代碼。咱們還包括45+UX/UI模式和完整的應用程序來啓動您的設計項目，以及一些您能夠學習的完整應用程序設計。咱們的庫在設計時考慮了可擴展性，容許您輕鬆定製組件或UX模式，以知足您的品牌需求。

• Design Cloud——是咱們的雲體驗，具備一些關鍵功能和優點。一個基於圖像的原型設計工具和內置的組協做容許您圍繞公共和私有工做區組織您的團隊。使用基於圖像的原型製做，您能夠導入Sketch文檔或圖像，而後添加交互和轉換，以顯示用戶流，而後與其餘人共享原型並在任何設備上查看。添加無減額可用性研究功能，該功能容許您爲原型建立基於任務的測試，咱們將記錄音頻和視頻，這樣你就能夠看到你的用戶與你的原型交互，同時在任務完成時返回實時分析和報告。

• Design Code Generation Service：經過將基於雲的設計連接到開發團隊的Visual Studio代碼擴展出現。使用從Indigo.Design原型生成的URL從Visual Studio代碼擴展訪問原型，選擇要用於HTML、CSS和代碼的組件或視圖，單擊一次，咱們將生成最佳實踐角度代碼並將其添加到應用程序中。

• Ignite UI for Angular：50+基於材料的UI組件，設計並構建在谷歌的Angular框架上，包括市場上最快的Angular數據網格和數據圖表。SketchUI工具包中的每一個符號都映射到咱們的角度組件，確保您的應用程序具備功能齊全、企業級就緒的功能。