因為 MXML 文件是普通的 XML 文件，所以有很多的開發環境供你選擇。你可以使用簡單的文本編輯器，專門的 XML 編輯器，或者支持文本編輯的集成開發環境（IDE）來 編寫 MXML 代碼。Flex 提供了一個叫做 Adobe?? Flex?? Builder?? 2 專門的 IDE，你可 以使用它來開發你的應用程序。
MXML 文件的第一行是 XML 聲明。每個 MXML 文件的第一行都必須是 XML 聲明。 接下來的一行是<mx:Application>? 標簽，它定義了Application容器，而且它是每一個Flex應用程序的根標簽。

<mx:Panel>標簽定義了一個Panel容器，它包含有一個標題欄，一個標題，一個狀態 信息，一個邊框，以及用來放置子容器或空間的內容區域。它的title（標題）屬性 的值被設定為? "My? Application"。
<mx:Label>標簽定義了一個Label控件，它是一個可以顯示文本的很簡單的用戶界面 組件。它的text屬性被設定為? "Hello,? World!"。
<mx:Label>? 標簽的fontWeight? 和? fontSize? 屬性改變了使用字體的樣式。你也可 以使用CSS給你的組件加上樣式。
更多信息，請看Flex開發者指南中的“使用層疊樣式表（CSS）”。 注意：你可以使用命令行編譯器? mxmlc 或者 Flex Builder 2? 來編譯你的 Flex 程序。
關于使用 mxmlc 編譯程序的步驟，請看“ 使用 MXML 和 ActionScript 編程 ”（譯注： 此篇我已經譯成中文）。

示例

<?xml? version="1.0"? encoding="utf-8"?＞
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
viewSourceURL="src/HelloWorld/index.html"
horizontalAlign="center"? verticalAlign="middle"
width="300"? height="160"＞
<mx:Panel
paddingTop="10"? paddingBottom="10"? paddingLeft="10"
paddingRight="10"
title="My? Application"＞

<mx:Label? text="Hello? World!"? fontWeight="bold"? fontSize="24"/＞
</mx:Panel＞?
</mx:Application＞?

運行結果圖示：>

譯注：由于文檔中無法嵌入 SWF 文件，代碼運行結果請查看原文中相應的部分。