Figma是一款兼容浏览器与桌面应用程式应用的设计工具，支援多人即时协作，让设计师、产品经理（PM）和工程师等团队成员可以在同一份设计档案上同时编辑、留言、讨论并提供回??。因此，它被誉为「设计界的Google Docs」可谓非常贴切。Figma主要应用於UI/UX设计、网页设计、行动应用设计等领域，并内建原型制作（Prototyping）、元件系统（Component System）以及协作功能，能大幅提升设计效率与一致性。另外，Figma提供免费版本（功能有限制），也有付费版本，提供更多团队管理与进阶功能。

近代图形化人机介面设计的流程中，常出现设计师与工程师之间的沟通瓶颈，导致设计理念与最终执行成果产生落差。如下图1所示，产品客户明确表示，他们希??由使用者体验（UX）团队，而非工程师，主导使用者介面（UI）的设计与开发工作。UX团队的职责在於全面掌控介面的萤幕布局、互动行为及使用者回??，并期??工程师能忠实部署设计成果，以建立由UX引领、工程支援的协作流程，提升整体产品品质与使用者满意度。

https://thejibe.com/post/big-differences-between-ux-and-ui-design

根据前述有关Figma的特性、UX/UI的差异与其在设计流程中的重要性，Microchip图形化设计工具针对嵌入式系统的需求，规划出一套完整且高效的设计流程，如图2所示。此流程从终端客户提出产品构想开始，UX团队可利用Figma平台上进行使用者介面（UI）与使用者体验（UX）的设计与原型开发。透过Figma的即时协作与元件化管理特性，团队能快速完成设计验证与版本整合。设计完成後，可藉由Figma Plugins中的MGS Exporter外挂，将设计成果直接汇出至MGS Composer中，进一步整合至Microchip的图形化开发环境。

在进行实际硬体验证之前，开发者可先透过Web与Desktop模拟器进行设计预览与互动测试，以确认介面布局、动态效果及使用者操作体验的准确性与流畅度。此阶段的模拟验证可大幅降低硬体端测试的错误与重工风险，有效缩短开发周期。完成初步模拟後，设计可下发至实际硬体平台进行最终验证，以确保设计与系统执行结果完全一致。

藉由MGS所提供的开发环境、丰富的图形化应用范例与整合工具，开发者能够更快速地进行嵌入式GUI（Graphical User Interface）的设计与整合工作。透过结合Figma中的MGS Composer － Exporter工具以及Microchip官方提供的教育与培训资源，整个设计流程从概念到硬体验证得以无缝衔接。这套整合式开发架构，不仅提升了设计与验证的效率，还进一步增强了产品在Microchip平台上的开发可维护性与扩充性。此举使设计团队能更专注於创造优质的使用者体验，同时兼顾开发速度与品质。

欢迎浏览以下相关的页面，以寻找适合您的产品与资源：

https://www.microchip.com/en-us/tools-resources/configure/microchip-graphics-suite

https://developerhelp.microchip.com/xwiki/bin/view/software-tools/mgs/mgs-harmony-guide/composer-ug/figma/export/design-guide/

https://www.figma.com/community/plugin/1436449232324855213/mgs-composer-exporter

本文作者为：Microchip主任现场应用工程师 陈宇翔