Figma Design 教材 / Class LLL

工具可及性、行動檢視與成品語義

能看、能編輯與能以鍵盤使用，是三個問題

手機不能編輯Design時，先辨檢視者與產品；鍵盤或讀屏遇阻時，查工具支援及替代。再把Figma視覺意圖、本站真HTML試片與實際成品語義分開驗證。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 14 分鐘

開啟互動教材查看參考來源

閱讀目標

先分產品／平台與權限
按功能找鍵盤入口及指標替代
區分檢視者、Mirror與Design編輯
分開視覺意圖與實際語義
留下工具／本站／成品各自的證據

適用條件與學習範圍

手機看得到卻不能改，或設計畫了按鈕卻不能Tab，應查平台支援、工具設定還是成品程式？

不用先會全部快捷鍵；可先讀框架／群組辨資料層級，再依目的補唯一視覺理論。

能指出目前卡在工具、本站或成品哪一層，引用平台條件選替代操作，列出實際成品仍待驗證的語義與焦點。

四種固定支援情境及兩個原創HTML試片；不模擬Figma完整鍵盤選取、讀屏輸出或裝置，不替帳戶改設定，不宣稱工具或成品全面符合WCAG。

原理與判斷

能看見不代表有編輯能力；能以滑鼠啟動也不代表鍵盤能到達。先分清產品、平台與想做的工作，才能避免把檢視者誤當編輯器，或把工具的限制誤判成自己不熟。官方已提供鍵盤與讀屏設定，同時明說仍有需滑鼠／觸控板的功能。 Figma設計中畫一個按鈕，只記錄了外觀與互動意圖。實際成品需正確語義、名稱、狀態及焦點；本站以真HTML試片示範這個差別，並保留工具官方支援與本站測試的界線。

先說是哪個產品、平台與工作

先記Figma Design、FigJam、Slides或其他產品，接著記桌面App、桌面瀏覽器、手機App或行動瀏覽器，再說想看、評論、測原型、Mirror或編輯。可讀取檔案與可編輯的權限也分開。沒有編輯功能的檢視者，不能靠換快捷鍵取得編輯器。系統要求頁把手機檔案描述為View-only；當日行動App指南進一步明說不能編輯Design檔及Slides。iPad App可編輯FigJam板是另一個產品的能力，不能推論Design也可編。至少可檢視可檢視／評論；Mirror需可編輯，且預覽桌面選取框，不把它當手機直接改層。

鍵盤導覽、選取與建立各有入口

官方鍵盤控制預設啟用、不能關閉，但仍有僅支援滑鼠／觸控板的功能。F6（Mac）／Ctrl+F6（Windows）在主要區域間切換，再以Tab／Shift+Tab在區段內導覽；Actions可搜尋工具或命令，Windows用Ctrl+K、Mac用Cmd+K。實際鍵盤配置及工具快捷鍵可在Help的Keyboard shortcuts查。無選取時方向鍵可平移畫布；要建立支援的單點物件，可先啟用工具，再用畫布十字游標定位與Enter放置。需多次點擊的線、向量路徑、連接線及表格不能以這套鍵盤建立控制完成，改用指標工具或另選可用工作方式；目前Sites／Buzz也不支援透過這套控制新增物件。這些具名限制不擴成所有產品都不能鍵盤操作。

結構游標不是眼睛看到的焦點順序

官方Box select以Option+Space（Mac）／Ctrl+Space（Windows）啟動；方向鍵移游標，Enter確認選取。另可切Pick select，沿圖層面板父子及兄弟結構移動，Space選物件，Esc離開。Box的範圍、Pick的結構與一般介面Tab焦點各有責任；把視覺靠近當父子關係會選錯。這些是Figma工具導覽，不會自動定義實際網頁的DOM順序。設計階段可記閱讀順序、焦點外觀、名稱與狀態；實作階段仍須用鍵盤走過真正成品，檢查能否到達、能否啟動、離開後回哪裡，以及焦點是否可見。本站不把示意接點台冒充Figma選取引擎。

讀屏設定與官方進度要如實描述

到Main menu → Preferences → Accessibility settings，可開Adapt content for screen readers，亦可在Actions找Screenreader。其他設定包括Actions簡化焦點導覽、Figma UI增強對比、文字欄忽略Figma快捷鍵及自動跟隨Spotlight偏好；按實際工作與輸入需求選，不一律切同一組。官方說正在朝WCAG 2.2 AA努力，不能寫成已全面符合。iOS App兼容VoiceOver、Android App兼容TalkBack，兩者支援增強對比；這是官方支援陳述，本站未做原生讀屏實測。Figma UI的增強對比也不會自動修好設計稿每個色對、圖像文字或成品互動。

手機檢視與圖形條件各自核對

當日行動App指南列iOS 16以上／Android 8以上、不支援測試版作業系統；系統要求頁的行動網頁檢視最低條件另列，不能混成同一App版本表。手機web 檔案瀏覽器已不支援，平板web 檔案瀏覽器仍另有支援。原型連結可在手機瀏覽器看，但網址列可能遮擋，應用實際裝置觀察。普通Figma畫布要求WebGL 1.0，shader另需WebGPU；瀏覽器版本、GPU／driver、虛擬環境與相容模式一起影響。本站無WebGL仍可讀文及操作SVG，不證明同機能跑Figma圖形功能。先看當期官方系統要求再排查；不因本站示範成功，就替讀者調整隱私設定或宣稱硬體通過。

把視覺意圖交給真正成品驗證

接點台的兩個鍵帽外觀相近，唯讀反例沒有按鈕語義，也不會進Tab序列；改成真正HTML button後，瀏覽器提供可焦點、Enter／Space啟動等原生行為。下方讀數記本站啟動次數，並不代表Figma或你的產品已通過。原創練習不送出預約，也不造使用者帳戶。對比、資訊層級、留白及非顏色線索可沿唯一理論比較；顏色之外用文字／形狀傳達狀態，圖文順序仍須依閱讀任務檢查。成品另核原生語義與可及名稱、狀態宣告、標籤關係、鍵盤順序、焦點管理、觸控及真讀屏。只有色差達參考或按鈕能點，不能代表全部完成；須記錄實際平台、版本、步驟、結果與未核條件。

步驟與觀察

記錄卡住的工作與所在平台
說清產品、桌面／web／手機App、想做的操作及檔案權限，避免以「Figma不能用」混掉檢視者或服務邊界。操作名稱對照（中文為本站教學譯名）： Main menu > Preferences > Accessibility settings Actions > 搜尋工具／Screenreader F6（Mac）／Ctrl+F6（Windows）> 工具列與區域 Mobile 應用程式 > Files／Prototypes／Mirror（介面原文：Mobile app > Files／Prototypes／Mirror）
查當期官方支援與具名限制
鍵盤功能查Keyboard與Accessibility；裝置查System requirements及Mobile 參考線。看產品、OS／瀏覽器、輸入、圖形及權限，不用同名能力推定全產品支持。
選可用入口或替代操作
以Actions或區域導覽找支援工具，必要時使用指標；手機Design編輯改在受支援桌面條件進行，手機保留檢視／評論／原型測試用途。
用本站真試片比較承載
先看唯讀外觀，再切真正button，Tab定位後Enter／Space啟動。觀察實際焦點與次數；本站不是原生Figma鍵盤測試，SVG接點只是機制比喻。
補讀唯一視覺理論再返回
先依閱讀任務查對比、層級、留白及非顏色線索；返回後保留情境及試片承載。視覺修正不取代成品語義，必要操作仍要走真正產品。
分別保存三種證據
工具條件記官方來源與查核日；本站記實際瀏覽器結果；成品記平台、語義、焦點與讀屏測試。未核條件寫清楚，再以自己的真內容與裝置重驗。

常見問題

手機能看Design，以為一定能編輯

辨檢視者與產品；Mobile App不編輯Design／Slides，iPad FigJam編輯另論，Design編輯換受支援桌面條件。

鍵盤找不到建立向量路徑的方法

這套鍵盤建立控制不支援多點物件；用指標工具或另選可用流程，不編造全功能快捷鍵。

開Figma讀屏設定，就宣稱設計成品無障礙

工具導覽、本站HTML與成品語義分開留證據；官方working towards也不能改寫成全面符合。

設計按鈕看起來很清楚，但Tab跳過它

到實際成品查元素語義、名稱與焦點順序；放大或增加色差不會自動賦予按鈕行為。

只用紅綠或焦點顏色區分狀態

補文字／形狀及可辨邊界，沿唯一對比／層級頁比較；仍在真成品測狀態宣告及可見焦點。

本站無WebGL仍可用，就認為Figma shader也可用

本站SVG替代與Figma WebGL／WebGPU要求不同；核當前瀏覽器、GPU／driver及相容環境，不用本站結果替原生背書。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Figma工具鍵盤／可及性、手機App與系統條件各依官方產品／平台範圍；不擴成所有功能、所有裝置或全面WCAG符合。來源狀態：當日Scrapling公開GET A11–A14四篇HTTP200，讀功能主體；App與mobile web條件分開，Make及favorites同頁矛盾不作本票操作證據。示意限制：原創有限接點試驗台與真HTML button／唯讀外觀比較；四情境只讀支援，不操作Figma。沿用五個唯一理論原始ID、正文、模型、來源日期。原生軟體實測：未原生Figma、VoiceOver／TalkBack或你的成品實測。本站公開瀏覽器行為驗證另見任務卡；未認證整體可及性。學習成效驗證：未真人試用或學習成效驗證；練習次數不是完成或理解的判定。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。