104學習

Figma

Figma
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
這是一款雲端設計工具，主要用於界面設計與原型製作。具備多人即時協作功能，方便團隊共同編輯和溝通，提升工作效率。操作直覺，支援跨平台使用，設計稿易於分享與反饋。對UI/UX設計師、產品經理及前端工程師來說，是協調設計與開發流程的重要利器。掌握此技能能提升職場競爭力，尤其在數位產品設計領域非常受歡迎。
關於教室
關注人數 130 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • Figma
    • 關於教室
    關注人數 130 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • Figma
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    Figma 學習推薦

    UI 設計新手村：Figma學習之旅🪐
    關注
    104學習

    產品

    2024/10/28

    如何在Figma中，一次將文字轉為大寫或小寫？懶人福音一鍵搞定超簡單
    在設計中，文字格式的統一性非常重要。Figma作為設計師常用的設計工具之一，提供了方便的「文字轉換」功能（Text Transform），可讓用戶輕鬆將文字一次性轉為大寫、全小寫或標題大小寫。本篇文章將深入介紹如何在Figma中進行文字大小寫的快速轉換，幫助你提升設計效率。
    ▮為什麼需要使用文字大小寫轉換？
    1. 提升設計一致性：當需要統一標題或段落的大小寫格式時，使用Figma的文字轉換功能可以確保整體設計風格一致。
    2. 節省時間：避免手動逐字調整大小寫，提升設計流程的效率。
    3. 更好地適應設計變更：在進行UI/UX設計迭代時，能夠靈活應對文字樣式的變更需求。
    ▮如何在Figma中一次性將文字轉為大寫或小寫？
    以下是具體操作步驟：
    1. 選中要轉換的文字層（Text Layer）
    首先，在畫布（Canvas）上選中你想要改變大小寫的文字層。可以是標題、段落或其他文字元素。
    2. 打開右側的屬性面板（Properties Panel）
    當選中文字層後，Figma介面的右側會顯示屬性面板，這裡包含該文字層的所有設置選項，如字體、字重、字體大小、顏色等。
    3. 找到「Text」部分
    在屬性面板的「Text」部分，可以看到文字相關的設定，這是調整文字大小寫的起點。
    4. 展開「Text Transform」選項
    在「Text」屬性部分的下方，可以找到「Text Transform」選項。點擊展開後，你會看到以下選項：
    - Uppercase（全大寫）：將選中的文字轉為全大寫格式。
    - Lowercase（全小寫）：將選中的文字轉為全小寫格式。
    - Title Case（標題大小寫）：將文字轉為標題樣式，每個單詞的首字母大寫。
    - Original Case（原始大小寫）：將文字恢復為原始的大小寫狀態。
    5. 選擇需要的文字轉換方式
    選擇合適的大小寫轉換選項，文字層會立即顯示出相應的效果，無需手動調整。
    ▮文字轉換的最佳實踐
    1. 統一標題格式：當你在設計標題或重要文字時，可以使用Uppercase選項，讓標題顯得更加醒目和專業。
    2. 適用於批量轉換：可以一次選中多個文字層，然後應用相同的文字轉換選項，以實現快速統一。
    3. 靈活應對設計需求變更：在設計過程中，當需要變更文字格式時，只需通過「Text Transform」即可快速完成修改，無需手動調整。
    ▮結論
    在Figma中，一次性將文字轉為大寫或小寫是提升設計效率和保持格式一致性的關鍵功能。無論是用於標題設計還是段落格式調整，文字轉換（Text Transform）功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果，不妨試試這個方便的功能。
    看更多
    如何在Figma中，一次將文字轉為大寫或小寫？懶人福音一鍵搞定超簡單
    2 0 6721 1
    UI 設計新手村：Figma學習之旅🪐
    關注
    104學習

    產品

    2024/10/28

    Figma 統一文字樣式方法：教你建立自己的文字範本，保存文字樣式，下次直接叫出使用
    在設計專案中，保持文字格式的一致性是非常重要的。Figma中提供了一個功能，讓你可以輕鬆將常用的文字格式保存為「文字樣式」（Text Styles），以便在專案中反覆使用。本文將為你介紹如何在Figma中創建和應用文字樣式，從而提高設計的效率和一致性。
    ▮什麼是文字樣式？
    文字樣式是Figma中用來儲存和重用文字格式的功能，包含字體、字重、字體大小、顏色、行高、字距等設定。透過將文字樣式保存，你可以在整個專案中快速應用統一的文字格式，而不需要手動一一調整。
    ▮如何在Figma中將文字保存為文字樣式？
    以下是創建文字樣式的詳細步驟：
    1. 選中設計好的文字
    在畫布（Canvas）上，選擇你想要保存的文字層（Text Layer）。確保已設置好所有的文字屬性，例如字體、字重、字體大小、顏色、行高、字距等。
    2. 打開右側屬性面板（Properties Panel）
    選中文字層後，Figma介面的右側會顯示屬性面板。在面板中，你可以看到所有與文字相關的屬性設定。
    3. 找到「文字樣式」區域（Text Style Section）
    在屬性面板中的「Text」部分下方，你會看到一個標籤為「Text Style」的區域。這個區域用來管理文字樣式。
    4. 點擊「+」按鈕（Create Style）
    在「Text Style」區域右側有一個「+」按鈕（即「Create Style」）。點擊此按鈕會彈出一個對話框，讓你可以為新的文字樣式命名。
    5. 命名樣式（Name the Style）
    在彈出的對話框中，輸入一個清晰的名稱來命名這個文字樣式。例如「標題-加粗-24pt」或「正文-常規-16pt」，以便你和團隊成員在後續應用時能快速識別樣式。完成命名後，點擊「Create Style」按鈕保存。
    ▮如何在其他文字層上應用文字樣式？
    一旦保存了文字樣式，你可以在設計過程中輕鬆地應用它：
    1. 選中需要應用樣式的文字層。
    2. 在右側屬性面板的「Text Style」區域中，點擊下拉選單。
    3. 從選單中選擇所需的文字樣式。
    文字層會立即應用選定的文字樣式，無需手動調整格式。
    ▮文字樣式的好處
    1. 提高設計一致性：文字樣式確保整個專案中使用相同的文字格式，避免不同頁面間的格式不一致。
    2. 加速設計流程：保存和重用文字樣式可減少手動調整的時間，提升設計效率。
    3. 便於更新：如果需要修改樣式，只需在文字樣式中進行一次更改，所有應用了該樣式的文字層都會同步更新。
    ▮最佳實踐：文字樣式的應用
    1. 分類管理：在創建文字樣式時，按照功能分類，如「標題」、「副標題」、「正文」、「註釋」等，方便快速查找和應用。
    2. 使用設計系統：如果你有一個完整的設計系統，請將文字樣式納入其中，以便在不同專案中重用。
    3. 命名規則清晰：採用一致的命名規則來命名文字樣式，讓樣式一目了然，提高團隊協作效率。
    ▮結論
    在Figma中創建和應用文字樣式是設計中保持一致性和提升效率的關鍵。無論是大型專案還是日常設計工作，文字樣式的合理運用都能讓你的設計流程更加順暢。透過本篇指南，相信你已掌握如何在Figma中將文字保存為文字樣式，並有效地應用於設計中。
    看更多
    Figma 統一文字樣式方法：教你建立自己的文字範本，保存文字樣式，下次直接叫出使用
    0 0 5235 2

    熱門精選

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習

    產品

    23小時前

    2026 年 Prompting 怎麼學？AI大神吳恩達推出免費新課給一般人的 AI 使用指南
    AI 工具越來越強，提示詞也不再只是「請幫我寫一段文案」這麼簡單。AI 教育者吳恩達（Andrew Ng）近期推出新課程《AI Prompting for Everyone》，主打不需要技術背景，幫助一般使用者學會更有效地使用 ChatGPT、Claude、Gemini 等 AI 工具。DeepLearning.AI 課程頁顯示，這是一門初學者課程，共 3 小時 4 分鐘、21 堂影片課，由吳恩達授課。官方學習頁也標示可免費開始學習、觀看課程影片；若需要 graded assignments 與證書，則屬於 PRO 方案。
    吳恩達是誰？為什麼他的新課值得關注？
    吳恩達是全球知名的 AI 教育者與機器學習專家。他是 DeepLearning.AI 創辦人、Coursera 共同創辦人，也曾擔任百度首席科學家，並曾創辦與領導 Google Brain 專案，目前也是史丹佛大學兼任教授。
    對非工程背景的上班族來說，吳恩達最重要的影響，是他長期把 AI 知識轉化成大眾可以理解、可以上手的學習內容。從早期的機器學習課程，到《AI For Everyone》，再到這次的《AI Prompting for Everyone》，他的課程常被視為 AI 學習趨勢的風向球。
    這門課在教什麼？不是背 Prompt，而是學會和 AI 協作
    《AI Prompting for Everyone》的核心，不只是教你寫出更漂亮的提示詞，而是教你在不同工作情境中，如何讓 AI 產出更可靠、更有用的結果。官方課程頁將學習重點分成三大方向：找資訊、腦力激盪與寫作、創作與建構。
    第一個重點是 Finding Information，也就是用 AI 找資料。課程會說明 AI 模型本身已經知道什麼、什麼時候應該使用 AI 網路搜尋、什麼情境適合使用 deep research mode，以及如何取得更準確、有來源的回答。
    這對上班族非常實用。無論是做市場資料整理、競品分析、產業趨勢觀察，或準備會議前的背景研究，AI 不只是回答問題的工具，更可以協助快速建立資料架構。但前提是使用者要懂得要求來源、設定範圍，也要知道哪些資訊需要再查證。
    第二個重點是 AI as a Thought Partner，也就是把 AI 當成思考夥伴。課程會教使用者如何提供正確上下文，讓 AI 理解真正需求；也會談到如何讓 AI 提供誠實回饋，而不是只迎合使用者。官方課綱中也列出 brainstorming、context、reasoning、sycophancy、writing with AI、AI critique 等單元。
    這代表未來職場的 AI 能力，不只是「會叫 AI 寫東西」，而是能不能請 AI 幫忙檢查盲點、提出反方觀點、改善表達方式，甚至協助自己做更完整的決策思考。
    第三個重點是 Working with Multimedia and Code。課程會介紹如何在提示中使用圖片、讓 AI 理解圖片、生成視覺內容，並使用 AI 建立簡單遊戲、網站與 App；官方也特別說明，這部分不需要程式經驗。
    這也反映 AI 工具的使用場景正在擴大。過去上班族多半把 AI 用在寫信、摘要、翻譯、整理資料；但未來，AI 也可能協助做簡報素材、產出視覺概念、分析資料，甚至建立可展示的簡易 prototype。
    誰適合上這門課？
    官方課程頁指出，這門課適合任何在日常工作或生活中使用 ChatGPT、Claude、Gemini 等 AI 工具，並希望獲得更好結果的人，不需要技術背景，也沒有必修前置課程。
    換句話說，這門課很適合以下幾類上班族：經常需要查資料的企劃、行銷、編輯、研究人員；需要寫報告、簡報、Email 的一般辦公室工作者；想把 AI 帶進工作流程的主管；以及想開始學 AI、但不想一開始就碰程式的人。
    對職場工作者的啟示：提示力已經變成基本功
    這門課最值得注意的訊號是：AI 提示力正在從「技巧」變成「基本工作能力」。
    過去，很多人學 AI 會先找提示詞模板，例如「請扮演某某角色」、「請一步一步思考」、「請用表格整理」。這些技巧仍然有用，但已經不夠。真正會用 AI 的人，還要知道如何提供背景資料、設定輸出格式、要求資料來源、讓 AI 挑戰自己的想法，並判斷哪些內容可以採用、哪些內容必須查證。
    也就是說，未來職場上的 AI 能力，不是誰背了最多 prompt，而是誰更會設計任務、拆解問題、提供上下文，並把 AI 產出整合成真正能交付的工作成果。
    有興趣的讀者可至 DeepLearning.AI 官方課程頁開始學習：《AI Prompting for Everyone》。
    課程影片可免費開始觀看；若想取得作業評分與證書，需留意官方 PRO 方案說明。
    DeepLearning.AI《AI Prompting for Everyone》
    看更多
    1 0 959 1
    UI 設計新手村：Figma學習之旅🪐
    關注
    104學習

    產品

    2024/10/28

    Figma Asset 是什麼？用來管理Components超方便，不要再傻傻複製貼上了
    在Figma中，Asset（資產）是設計師用來管理和重用設計元素的強大工具。它可存放常用的樣式（Styles）、組件（Components）、變量（Variables）等，讓設計師能在不同頁面或專案中快速調用已設計好的資源。以下將詳細介紹Figma中Asset的功能。
    ▮Figma中的Asset概念
    Asset主要包含以下幾個部分：
    1. 組件（Components）
    是Figma中可重用的設計元素，類似於設計模組或模板。例如，按鈕（Button）、導航欄（Navigation Bar）、圖示（Icon）等都可以作為組件被添加到Asset中。
    2. 樣式（Styles）
    包括顏色樣式（Color Styles）、文字樣式（Text Styles）、效果樣式（Effect Styles，如陰影、模糊等）。透過這些樣式，可以在設計中保持一致性，並快速套用或更新設計。
    3. 變量（Variables）
    是用來儲存和管理不同屬性值的工具，如顏色模式（Color Mode）、字體尺寸（Font Size）、間距（Spacing）等。變量可在不同情境下應用，讓設計更靈活。
    ▮如何使用Asset面板
    Asset面板通常位於Figma左側邊欄內，並包含以下功能：
    1. 創建和管理組件（Components）
    - 建立組件（Create Component）：選中要設為組件的元素，右鍵選擇「Create Component」，或使用快捷鍵 Cmd/Ctrl + Alt + K。
    - 組件的使用：在Asset面板中，可以拖曳組件到畫布（Canvas）上，重用已設計的元素。
    2. 保存樣式（Styles）
    - 文字樣式（Text Styles）：選中設計好的文字，點擊右側樣式面板的「+」按鈕，將其保存為文字樣式，方便後續使用。
    - 顏色樣式（Color Styles）：設置顏色後，也可以將其存為顏色樣式，快速應用在不同元素上。
    - 效果樣式（Effect Styles）：如陰影（Shadow）或模糊（Blur）等效果，也能被儲存並重用。
    3. 變量的應用（Variables）
    - 在資產面板中，設計師可以定義不同的變量組（Variable Sets），如亮色模式（Light Mode）和暗色模式（Dark Mode），並在不同情境下快速切換。
    - 當需要修改整個專案的屬性（如顏色或間距）時，只需修改變量的值，其他引用了這些變量的元素都會同步更新。
    ▮Asset的優勢
    1. 提高一致性（Consistency）
    透過Asset中的樣式和組件，可以在整個專案中保持一致的設計風格，避免不同頁面間的風格不協調。
    2. 加速設計流程（Design Process Acceleration）
    重用已存的資產可以減少重複勞動，縮短設計時間。
    3. 便於團隊協作（Team Collaboration）
    Figma中的Asset是多人協作的重要工具，所有人都可以從Asset面板中調用相同的設計資源，保持專案風格的統一。
    ▮如何最佳化使用Asset
    1. 分類管理（Categorized Management）
    將組件和樣式進行分類（如按功能、頁面、元件類型等），方便快速查找和應用。
    2. 定期更新（Regular Update）
    確保組件、樣式和變量的資源是最新的，以免在不同版本間出現不一致的情況。
    3. 使用設計系統（Design System）
    建立完整的設計系統（Design System），將所有設計規範、元件和樣式都納入Asset中，便於長期的專案維護和拓展。
    透過對Figma中Asset的靈活運用，設計師可以提升設計效率和品質。Asset不僅是個人設計的好幫手，也是團隊協作中不可或缺的工具。
    看更多
    0 0 3229 1
    你可能感興趣的教室