工欲善其事，必先利其器，在開始設計 Design System 之前，我們先來了解好用的工具：figma，這也是目前市場上的主流工具，從本篇開始，會一連有數天的篇幅來介紹，讓我們開始吧！

figma 的檔案架構：

1. Recents、Draft
   Recents：最近開啟過、查看過的檔案，最多顯示50個檔案。
   Draft：草稿區，在草稿區裡面的檔案只有自己看得到，別人是看不到的，除非你分享連結，別人才看得到。在草稿區中，沒有檔案數量的限制，你可以盡情在這裡面發想、設計，就跟「draft」的英文單字一樣，就是草稿區。另外，如果在 Figma community 裡面找到的資源，按下 「open in Figma 」就會自動 duplicate 到自己的草稿區喔。
2. Team／Project／Files：
   它們三個的層級分別是：
   一個團隊（Team）裡可以有好幾個專案（Project）
   一個專案裡可以有好幾個檔案（File）
3. figma 在2024下半年的時候對 UI 位置有做調整，把Drafts移到帳號項下。（如圖）
   

figma 的版本：
figma 有分免費版／教育版／付費版，這三種方案在使用上也有所不同，我們來看看：

免費方案：

1. 基礎的 Autolayout、Component、Prototype等功能可以使用
2. 30天的歷史紀錄
3. 只能創建 1 個 team， 1 個 project， 3 個 files
4. 沒有 Dev Mode

教育方案：

1. 所有功能都可以使用，不僅限於基礎功能
2. 無限天數的歷史紀錄
3. 只能創建 1 個 team，但 project、 files 無上限
4. 有 Dev Mode

付費方案：

1. 所有功能都可以使用，不僅限於基礎功能
2. 無限天數的歷史紀錄
3. 能創建 N 個 team，且 project、 files 無上限
4. 有 Dev Mode

• figma 的操作介面在 2024 下半年做了不少改動，如果習慣使用舊版的捧油們可能要適應一段時間喔！在明天的「操作介面說明」裡，我們再來看看新介面吧！