近日，華為開(kāi)發(fā)者大會(huì)2025（HDC）在東莞松山湖正式拉開(kāi)帷幕，這場(chǎng)備受矚目的盛會(huì)為全球科技行業(yè)帶來(lái)了諸多驚喜。其中，Pixso團(tuán)隊(duì)發(fā)布的全新設(shè)計(jì)稿一鍵轉(zhuǎn)代碼功能，成為了本次大會(huì)的一大亮點(diǎn)。這項(xiàng)創(chuàng)新能力的推出，預(yù)示著HarmonyOS應(yīng)用開(kāi)發(fā)將迎來(lái)一個(gè)全新的時(shí)代。

移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域長(zhǎng)期以來(lái)面臨著一個(gè)共同的挑戰(zhàn)：如何高效地將設(shè)計(jì)師的創(chuàng)意轉(zhuǎn)化為可運(yùn)行的程序代碼。傳統(tǒng)的開(kāi)發(fā)流程需要開(kāi)發(fā)者根據(jù)設(shè)計(jì)稿手動(dòng)編寫(xiě)大量的界面代碼，這不僅耗時(shí)耗力，還容易產(chǎn)生與原設(shè)計(jì)稿不符的偏差。

產(chǎn)品設(shè)計(jì)工具Pixso最新發(fā)布的設(shè)計(jì)稿一鍵轉(zhuǎn)代碼（D2C）功能，通過(guò)人工智能技術(shù)的深度應(yīng)用，實(shí)現(xiàn)了從視覺(jué)設(shè)計(jì)到程序代碼的直接轉(zhuǎn)換。D2C設(shè)計(jì)稿轉(zhuǎn)代碼能夠精確識(shí)別設(shè)計(jì)稿中的各種元素，包括組件布局、樣式屬性、交互規(guī)則等，并自動(dòng)生成符合開(kāi)發(fā)規(guī)范的工程代碼文件。

從HDC分論壇的現(xiàn)場(chǎng)演示了解到，一個(gè)包含復(fù)雜UI元素的應(yīng)用頁(yè)面，從設(shè)計(jì)稿導(dǎo)入到代碼生成完成，整個(gè)過(guò)程不超過(guò)5分鐘。而如果采用傳統(tǒng)方式，同樣的工作可能需要開(kāi)發(fā)者花費(fèi)一整天的時(shí)間。

專為鴻蒙生態(tài)量身定制的技術(shù)方案

Pixso的設(shè)計(jì)稿一鍵轉(zhuǎn)代碼功能，不僅支持一鍵生成通用的HTML代碼，而且專門(mén)針對(duì)HarmonyOS生態(tài)進(jìn)行了深度定制。生成的代碼完全基于ArkUI框架，充分利用了鴻蒙系統(tǒng)的原生能力和組件庫(kù)。

這種專業(yè)化的設(shè)計(jì)帶來(lái)了顯著的優(yōu)勢(shì)。首先，設(shè)計(jì)稿生成的ArkUI代碼具有更好的性能表現(xiàn)，能夠充分發(fā)揮鴻蒙系統(tǒng)的硬件優(yōu)化能力。其次，代碼結(jié)構(gòu)更加規(guī)范，便于后續(xù)的維護(hù)和擴(kuò)展。最重要的是，應(yīng)用能夠獲得真正的原生體驗(yàn)，在用戶交互、系統(tǒng)集成等方面達(dá)到最佳效果。

在現(xiàn)場(chǎng)演示這一功能時(shí)，Pixso產(chǎn)品負(fù)責(zé)人介紹說(shuō)：“我們與華為鴻蒙開(kāi)發(fā)團(tuán)隊(duì)建立了緊密的合作關(guān)系，確保我們的工具能夠跟上鴻蒙系統(tǒng)的最新發(fā)展。每當(dāng)系統(tǒng)推出新的組件或API，我們都會(huì)第一時(shí)間進(jìn)行適配和優(yōu)化?！?/p>

智能化的組件識(shí)別與代碼優(yōu)化

D2C設(shè)計(jì)稿轉(zhuǎn)代碼的核心在于其強(qiáng)大的智能識(shí)別能力，Pixso不僅能夠識(shí)別基礎(chǔ)的界面元素，還能夠理解復(fù)雜的組件結(jié)構(gòu)和層級(jí)關(guān)系。例如，當(dāng)系統(tǒng)識(shí)別到一個(gè)列表組件時(shí)，它不僅會(huì)生成列表的基礎(chǔ)結(jié)構(gòu)，還會(huì)自動(dòng)添加滾動(dòng)、刷新等常見(jiàn)功能的代碼框架。

值得一提的是，Pixso設(shè)計(jì)稿轉(zhuǎn)代碼還具備了代碼優(yōu)化能力。生成的代碼不是簡(jiǎn)單的元素堆砌，而是經(jīng)過(guò)優(yōu)化的高質(zhì)量代碼。系統(tǒng)會(huì)自動(dòng)合并相似的樣式定義，優(yōu)化組件的嵌套結(jié)構(gòu)，確保最終生成的代碼具有良好的可讀性和可維護(hù)性。

在處理響應(yīng)式布局方面，Pixso D2C也同樣表現(xiàn)出色。它能夠根據(jù)設(shè)計(jì)稿中的約束關(guān)系，自動(dòng)生成適配不同屏幕尺寸的布局代碼。這對(duì)于需要在多種鴻蒙設(shè)備上運(yùn)行的應(yīng)用來(lái)說(shuō)，是一個(gè)非常實(shí)用的功能。

降低開(kāi)發(fā)門(mén)檻，激發(fā)創(chuàng)新潛能

Pixso設(shè)計(jì)稿轉(zhuǎn)代碼的推出，將顯著降低HarmonyOS應(yīng)用開(kāi)發(fā)的技術(shù)門(mén)檻。初學(xué)者可以通過(guò)直觀的設(shè)計(jì)工具快速構(gòu)建應(yīng)用原型，而無(wú)需深入學(xué)習(xí)復(fù)雜的編程語(yǔ)法。這種變化有望吸引更多的開(kāi)發(fā)者加入到鴻蒙生態(tài)中來(lái)。

對(duì)于有經(jīng)驗(yàn)的開(kāi)發(fā)者而言，D2C設(shè)計(jì)稿轉(zhuǎn)代碼則能夠大幅提升開(kāi)發(fā)效率。他們可以將更多的時(shí)間和精力投入到業(yè)務(wù)邏輯的實(shí)現(xiàn)和用戶體驗(yàn)的優(yōu)化上，而不是反復(fù)進(jìn)行界面代碼的編寫(xiě)工作。

一位參與測(cè)試的開(kāi)發(fā)者表示：“這個(gè)工具讓我能夠在很短的時(shí)間內(nèi)完成界面開(kāi)發(fā)，剩下的時(shí)間可以專注于應(yīng)用的核心功能。這種工作方式的轉(zhuǎn)變，讓我對(duì)開(kāi)發(fā)工作有了全新的認(rèn)識(shí)?！?/p>

構(gòu)建完整的開(kāi)發(fā)支持體系

除了核心的代碼生成功能，Pixso還提供了完整的開(kāi)發(fā)支持體系。平臺(tái)內(nèi)置了豐富的鴻蒙組件庫(kù)，覆蓋了常見(jiàn)的界面元素和交互模式。開(kāi)發(fā)者可以直接使用這些預(yù)制組件，快速搭建應(yīng)用框架。

同時(shí)，平臺(tái)還提供了實(shí)時(shí)預(yù)覽功能，開(kāi)發(fā)者可以在設(shè)計(jì)階段就看到代碼的運(yùn)行效果。這種即時(shí)反饋機(jī)制大大提升了開(kāi)發(fā)效率，減少了調(diào)試時(shí)間。

版本控制和團(tuán)隊(duì)協(xié)作功能也得到了很好的支持。多個(gè)開(kāi)發(fā)者可以同時(shí)在一個(gè)項(xiàng)目中工作，系統(tǒng)會(huì)自動(dòng)處理代碼合并和沖突解決等復(fù)雜問(wèn)題。

未來(lái)發(fā)展前景

隨著AI人工智能技術(shù)的不斷進(jìn)步，設(shè)計(jì)稿一鍵轉(zhuǎn)代碼的自動(dòng)化能力還將進(jìn)一步提升。未來(lái)的版本有望會(huì)支持更加復(fù)雜的業(yè)務(wù)邏輯生成，甚至能夠根據(jù)用戶需求描述自動(dòng)生成完整的應(yīng)用程序。

這種技術(shù)發(fā)展趨勢(shì)不僅會(huì)改變軟件開(kāi)發(fā)的工作方式，還可能催生新的商業(yè)模式和產(chǎn)業(yè)形態(tài)。低代碼、無(wú)代碼的開(kāi)發(fā)理念將得到更廣泛的應(yīng)用，推動(dòng)整個(gè)軟件行業(yè)的轉(zhuǎn)型升級(jí)。

對(duì)于HarmonyOS生態(tài)而言，Pixso設(shè)計(jì)稿一鍵轉(zhuǎn)代碼的技術(shù)創(chuàng)新將有助于加速生態(tài)的成熟和完善。更多高質(zhì)量的原生應(yīng)用將涌現(xiàn)出來(lái)，為用戶提供更好的使用體驗(yàn)，進(jìn)一步鞏固鴻蒙系統(tǒng)在市場(chǎng)中的地位。

審核編輯 黃宇