Codux 宗旨在拉近現代網路時代的設計師和開發人員之間的差距，培養一個創造力與程式碼相遇的協作環境。
如今，設計師和開發人員似乎真的在用不同的頻道自說自話。 這不是一種新現像，但隨著時間的推移，創造完美的視覺體驗和實現完美的視覺體驗之間的互動越來越遙遠。
情況跟以往不同了……
網頁設計並不總是那麼複雜的野獸。 過去，設計師和開發人員發現自己處於更平等的地位。 一個新的視野正在開啟，對 HTML 和 CSS 有紮實掌握的設計師可以直接在網路語言中實現他們的願景，培養強烈的主人翁意識和創作自由。
或者只是給你舉個例子，很多年前，在iPhone出現之前，Flash（由Adobe開發）是網路的一種流行技術。 首先是關於視覺效果，其次是體驗的其他部分。 設計師和開發人員都可以使用內建的視覺化工具、控制器、時間線等來獲得驚人的效果！
此外，在當時，瀏覽器能夠做得更少，標準與今天的位置相去甚遠，因此剛開始進入的障礙感覺更容易克服。
隨著網路的可能性爆炸，為這兩個職業創造了新技術，差距開始不斷擴大。 在設計方面，出現了新的專業，如行為分析、可訪問性、設計系統和互動/動畫設計，培養了一個充滿活力的社群，專注於以使用者為中心的體驗。 在開發領域，引入了越來越複雜的技術和框架，需要更大的專業知識，並推動了一個致力於效能最佳化和不斷發展的編碼標準的社群。 因此，正在實現更復雜和令人印象深刻的事情，進入這兩個領域的人數進一步擴大了這一鴻溝。
新方法就是舊方法
如果我們能縮小這一差距，回到設計和開發中更平衡的時期呢？ 進入 Codux，這是一個專門為基於程式碼的專案製作的視覺化開發環境。 Codux 為設計師提供了一種安全、使用者友好的方式，使用視覺化工具與專案程式碼進行視覺互動，類似於您從設計工具中已經知道的工具，只是這次他們讀取和寫入實際程式碼。
與時並進
實驗是良好設計的核心。 你的測試和原型越接近現實，你學到的教訓就越有意義。 使用Codux，您可以在任何階段與專案的使用者介面進行視覺互動，即使在那些驚心動魄的混亂的早期階段也是如此。 這意味著更早地發現問題，無論是在整體方法還是技術細節上，並影響變化。 短週期、快速失敗和無所畏懼地改變方向是快速、有效解決問題的秘訣。
作為設計師，Codux使您能夠自由地直接使用原生 HTML、CSS 和真實元件進行構思、原型和實驗，無論它們是第三方庫、設計系統元件還是您的團隊構建的一次性自定義解決方案。 這確保了整個設計的一致性，同時大大加快了流程。 使用預製構建塊本身就像設計衝刺一樣，在不影響質量的情況下加快了流程。 遇到障礙？ 別擔心！ 只需定義一種新方法，稍微調整一下，然後再次迭代。 環境的視覺性質大大縮短了您的設計週期。 想象一下，在幾個小時或幾天內進行全面的使用者體驗測試，而不是幾周甚至幾個月。
視覺工作應該由視覺角色驅動
是的，總是有學習曲線，特別是以技術為重點的工具。 使用Codux，您從簡單的任務開始，增加您對網路技術、專案和程式碼庫的瞭解，同時該工具消除了那些令人生畏的技術障礙。 突然間，你不需要等待開發人員的時間來移動幾個畫素的按鈕。 您現在可以從設計到實施解決方案，專注於最關鍵的領域，以獲得最佳結果。 當發現自己審查他人的工作時，當場解決簡單的更改輕而易舉，而不是觸發一個全新的、昂貴的資源分配過程。
這並不意味著開發人員被裁員，恰恰相反，這種方法鼓勵設計和開發之間的和諧。 理想的工作流程讓開發人員成為嚮導和審查員，教授設計師，同時專注於他們的複雜內容——業務邏輯、效能最佳化和引擎蓋下的棘手實現。 開發人員是程式碼的管理者，在那裡確保錯誤不會溜走，並調整專案團隊內部的編碼標準。
分享一種語言，分享一種媒介，分享一個夢想
眾所周知，給事物命名很難。 在不同的職業中給他們命名兩次，甚至更難！ 設計軟體經常試圖模仿網路的工作方式，但往往不夠。 Sketch、Framer和Figma等工具都比其前身更以網路為中心，但仍然優先考慮設計師的速度，以準確呈現網路現實為代價。 當你設計的東西變得更難（或不可能！）時，這會導致不可避免的挫折感 實際建造。 有了Codux，這不是令人擔憂的，因為你正在將網路作為你的畫布，每個創作本質上都是可實現的。
Codux透過擁有單一的真實來源——實際程式碼庫，進一步減少了混亂。 畢竟，這就是推動真實使用者體驗的原因。 隨著時間的推移，您甚至可能會發現自己越來越不依賴傳統設計工具，完全消除了兩個地方更新的問題。 設計軟體在早期階段的探索和溝通中仍然佔有一席之地，但Codux負責通往終點線的旅程。
隨著您在探索不同專案背後的網路技術方面獲得經驗，您自然會加深理解。 這種技術知識將逐漸增強您的能力，使您能夠確定以前可能不太明顯的解決方案和機會。
進行改革
Codux正在開始一種新的網路構建方式，設計師和開發人員在這裡和諧地工作。 這種視覺化開發環境邀請設計師直接與程式碼互動，打破障礙，並建立一個從概念到啟動的共享過程。 如果您是設計師或開發人員，對React專案中設計和程式碼之間的脫節感到沮喪，請嘗試Codux並幫助我們解決這個長期存在的問題。 它是免費的，處於測試階段，您的反饋可以決定我們前進的道路！
- 現在試試Codux
- 觀看我們的影片課程
- 加入我們的Codux社群，並與其他使用者聯絡
