pxCode加速RWD网页开发时程 前进美国市场抢攻全球商机
- 郑宇渟／台北
-
pxCode除了能像WordPress这样的No Code网页开发工具，大幅降低学习门槛，不必辛苦学习编程切版，主要还能汇出高品质响应式的程序码，以利不同定制化需求的开发整合，具备大幅降低开发成本与时间等优点。只是随着各种移动设备日益普及，传统网站架构必须透过专业工程师协助转向响应式网页（ Responsive Web Design；RWD），才能在各个不同尺寸装置上完整呈现网页内容，也造成开发工程师的极大工作负担。
pxCode创始人张监泉表示，传统网站要转向RWD响应式网页，专业工程师需将原本网页切割成多个元素、写程序再重新编排，整个流程非常复杂且繁琐。特别是用No Code/Low Code工具制作的网页，背后通常存在大量无意义的程序码，对程序开发设计师是一大负担。目前市面上虽有不少业者推出可自动将设计稿转程序码（design to code）的方案，不过实用性有待提升。
自动化完成复杂切版工作 提高工作效率达20倍
拥有丰富网站开发经验的张监泉决定携手夥伴，在2023年创立pxCode ，提供一套自动化转换工具，能协助产出高品质的响应式网页程序码，借此消除繁琐的逐行编码和不断对照设计进行核对的需要，使开发者更加满意，进而提高开发应用的速度。pxCode方案可自动化约80%的编码工作，让开发者易读、易改、易整合，能够专注于核心业务逻辑、用户互动和更吸引人的开发。整体工作效率提升至少20倍以上，目前全球注册用户已超过20万。
张监泉指出，传统透过网页工程师，人工手刻出设计稿成程序码，除耗费工程师大量时间之外，且在手动编码过程中容易出错，常常导致看似微小但对品牌形象有重大影响的差异。采用AI与人工编辑混合式技术的pxCode最大的特色之一，在于具备高准确性，可以在减少手动干预的情况下，帮助保持对原始网页设计的忠实度，并产出100% 正确的HTML结构。其次，pxCode更提供一个协同合作环境，促进设计师和开发者之间更顺畅的工作流程，提高专案执行项目效率。最后则是可将设计稿直接汇入，例如若工程师直接将 Figma 导入pxCode，用户可以依据原始的视觉设计，在pxCode中重新构建出理想的HTML结构。
举例而言，工程师在操作界面中仅需点击一下，即可预览不同浏览器、不同尺寸的结果，并且可以直接分享连结与他人实时讨论及修改，提高专案工作效率。
速度、品质受肯定 进军国际市场最大利器
以美国纽约知名网页设计开发公司为例，过往前端工程师在每个网页切版都得耗费1-2天，以一个30页左右的专案为例，光是前期切版工作就得耗费1~2月时间。该公司改用pxCode之后，单一位工程师大约仅花费2周时间就完成3个专案、超过100页的网页切板工作，能有效降低公司整体营运成本支出，也提高前端工程师的工作效率。
尽管pxCode的工具已有不错的成效，但现有网页程序码命名品质仍有优化空间。因此，藉由参与亚湾新创园高雄AWS联合创新中心，导入Amazon Web Services（AWS）的生成式AI技术资源。目前已开始采用AWS的生成式AI基础模型托管服务Amazon Bedrock 的 Claude 3.5 Sonnet大型语言模型，进行程序码命名品质优化，以及将原始图档及中继数据转为程序码的功能开发，在生成程序码方面，目前初步最高准确率可达80％，结合css命名等功能。未来经过校准之后，将会在下一版产品中开放给用户使用。
张监泉表示，目前市场上有两家海外公司也提供类似的工具与服务，但根据客户反馈，在开发速度、程序码品质方面，pxCode略胜一筹。2024年我们开始耕耘美国市场、全力推展当地业务，也希望结合AWS联合创新中心计划资源，进一步提升产品竞争力，进而扩大在国际市场的占有率。
