104學習

什麼是 Google Stitch？用嘴巴就能「畫」出 App 的 AI 設計神器 🎨 傳統的網頁或 App 開發流程中，最耗時的就是「把想法變成視覺畫面」的階段。產品經理（PM）或創業者要先畫出密密麻麻的線框圖（Wireframe），再交給 UI 設計師精修，溝通成本高得嚇人。 Google 推出的 Stitch（stitch.withgoogle.com）就是為了徹底終結這個痛點。它是一套由 Google Gemini 驅動的 AI 原生設計畫布。 它最狂的地方在於：你不需要會畫畫，也不需要懂複雜的設計工具。 你只需要用簡單的文字（例如：「幫我做一個健身 App 的會員登入頁，要有進度條、深色模式」），甚至直接用說的（Voice Canvas 功能），Stitch 的 AI 設計助理就會「即時」在無限畫布上幫你把高質感的 UI 介面、互動原型（Prototype）直接生成出來。 為什麼你需要懂它？三大受眾的黃金應用價值 這款產品不是只給設計師用的，它真正的價值，是全面解放「非設計背景」的專業工作者： 1. 專業工作者 / 產品經理（PM）：告別靈魂畫手，溝通效率提高 10 倍 🧠 痛點： 腦中有很棒的產品想法，但每次畫出來的草圖都很像小學生作品，跟工程師或老闆溝通像在雞同鴨講。 Stitch 的價值： 以前開會前準備原型要花好幾天，現在你可以一邊和團隊討論，一邊對著 Stitch 下指令微調介面（「把按鈕變圓一點」、「這裡加上搜尋欄」）。Stitch 還能自動生成「點擊後的下一個邏輯畫面」，自動幫你把使用者旅程（User Journey）串起來。這讓 PM 在敏捷開發、Sprint 計畫時，能用最低的成本與團隊達成 100% 的視覺共識。 2. 求職 / 轉職者：履歷作品集「速成外掛」 🚀 痛點： 想轉職做產品經理（PM）、數位行銷或獨立開發者，但作品集裡沒有拿得出來的 App 或網頁原型。 Stitch 的價值： 它是轉職者展現「產品思維」的終極利器。你可以把你想做的 side project 想法餵給 Stitch，在幾分鐘內產出整套精美的 UI 介面。更厲害的是，它支援「一鍵匯出到 Figma（帶有命名圖層與自動佈局）」，甚至能產出 HTML/CSS 程式碼。在履歷上寫出自己能熟練運用 Google Stitch 進行敏捷原型設計，絕對會讓面試官眼睛一亮。 3. 外包接案者：用「超音速」提案，提高結案率與報價 💰 痛點： 客戶需求講得不清不楚，花幾天做好的提案不對客戶胃口，白白浪費時間。 Stitch 的價值： 在跟客戶初步諮詢時，你可以直接打開 Stitch，上傳客戶給的參考截圖或隨手畫的草圖（Stitch 支援草圖轉 UI 結構）。一邊講、一邊對著 AI 下指令，在 30 分鐘內現場把「設計雛形」做出來給客戶看。這種「即時回饋」的超專業提案力，不僅能讓你在競標中脫穎而出，更能直接把客戶的黏著度牢牢鎖定。 結語：AI 時代，懂「氛圍設計（Vibe Design）」才是贏家 在 Google Stitch 誕生後，設計的門檻已經被降到了最低。未來職場拉開差距的關鍵，不再是你會不會拉 Figma 的線條，而是你有沒有好想法，以及能不能用精準的邏輯引導 AI 產出你要的結果。現在就登入 stitch.withgoogle.com，開始用你的嘴巴「說」出你的第一個軟體設計吧！ Google Stitch https://stitch.withgoogle.com/

小編今天要來推薦一個工具 Sketch。 這個工具大概是畫UI 或者 網頁Mockup 目前仍是最多人使用 (未來不一定) 的工具。Sketch如此流行的原因，主要是因為他的介面比Photoshop簡單、性能 (或者說可以做到的效果) 其實不輸Photoshop。 今天這門課程，將會從基礎到進階應用；您將可以獲得：基礎操作介面使用、設計布局、插件應用、Prototype製作、按鈕系統創建、圖示集創建、UI動畫原型工具使用、UI動畫及卡片動畫製作。 課程將從基礎畫板、圖層基礎開始，整個介面的功能操作，熟悉各項功能操作之後，就可以開始進入繪製階段；而課程將分享如何實現自定義形狀、Prototype工具使用；在進階課程中，將會進入UI繪製，包含如何使用UI Kit製作出響應式導覽列、使用套件製作出Parallax特效原型、Flinto轉場特效、動態變換icon等。 希望這陶課程能夠協助您在工具使用上可以更加順暢。 推薦課程網址： https://www.yottau.com.tw/course/intro/809#intro 祝您 工作順利、學習愉快 小編陪您每日學習成長1%

想要轉職專案經理(PM)前，面試前準備專案經理的作品集時，重點在於展示你的技能、經驗和成功案例。以下是一些步驟和建議，幫助新手轉職者準備一個有說服力的作品集： 1. 選擇適當的專案 挑選你參與過的、最能展示你能力的幾個專案。確保這些專案涵蓋不同的技能和挑戰，以展示你在各方面的能力；若先前無相關專案經驗可敘述，可以試著找出之前工作上或學生時期與別人團隊合作的經驗。 2. 清晰地描述每個專案 對每個專案進行詳細描述，包含以下幾個方面： ☛ 專案背景：該專案的目的和目標。 ☛ 你的角色：你在專案中的具體職責和貢獻。 ☛ 挑戰和解決方案：你遇到的主要挑戰以及你是如何克服它們的。 ☛ 成果：專案的結果，最好有量化的數據來支持，如提高了多少百分比的效率、降低了多少成本等。 透過說明專案背景、目標、執行過程、成果以及所學習到的經驗，讓面試官了解你的專案管理能力。 3. 展示你的技能和方法 展示你在專案管理中的各種技能，例如： ☛ 時間管理：如何按時完成專案。 ☛ 資源分配：如何管理和分配團隊成員及其他資源。 ☛ 風險管理：如何識別和應對風險。 ☛ 溝通與協作：如何與團隊和其他利益相關者有效溝通。 4. 使用視覺效果 在作品集中加入專案的截圖、成果圖片、流程圖等，並且在文字說明中詳細闡述這些圖片的意義，讓閱讀者更能夠理解你的專案內容。你可以加入： ☛ 圖表和數據視覺化 ☛ 專案時間線 ☛ 前後對比圖片 ☛ 用戶回饋和測評數據 5. 保持簡潔和專業 確保你的作品集簡潔明瞭，易於閱讀。使用專業的語言和格式，避免過多的技術術語。 6. 展示持續學習與改進 強調你如何從每個專案中學習和改進。例如，你如何利用之前的經驗來優化後續專案。 若不希望原公司專案內容外洩，可以將重點呈現在作品集中，並且在面試時詳細說明專案內容，以展現你的專業能力，希望大家想要轉職的都順利！ 關注教室追蹤更多PM更多相關知識~~

自學 Figma 這款強大的設計工具有很多資源和課程可以推薦，無論你是初學者還是有經驗的設計師，都可以透過以下提供的優質的自學資源和課程精進自我！ 【初學者課程】 1. Figma 官方資源 ✶ Figma 101: Figma 官方YouTube頻道 https://user206203.pse.is/64u6a9 ✶ Figma 速成班: Figma 提供的官方指南和文檔，幫助你快速上手。 2. Coursera ✶ Web Design for Everybody: Basics of Web Development & Coding: 提供了一個很好的起點，其中包括對 Figma 的介紹和使用。 https://www.coursera.org/specializations/web-design 3. Udemy ✶ Learn Figma - UI/UX Design Essential Training: 一個全面的入門課程，涵蓋 Figma 的基礎知識和實踐技巧。 https://user206203.pse.is/64u6gr 4. YouTube ✶ DesignCourse: 提供許多免費的 Figma 教學視頻，從基礎到進階都有。 【資源網站】 1. Figma 社區 Figma 社區提供了許多免費的設計模板、插件和教程，是一個豐富的資源庫。 2. Medium UX Collective: 有很多關於 Figma 的文章和教程，適合進一步提升設計技能。 https://uxdesign.cc/ 3. Dribbble Dribbble 上有許多設計師分享的 Figma 文件和作品，可以用來學習和參考。 https://dribbble.com/ 【自學建議】 ☛ 實踐為主：在學習理論的同時，多進行實踐練習。可以模仿一些知名設計師的作品，從中學習他們的技巧和設計思路。 ☛ 參加社群：加入 Figma 的線上社群，如 Slack 群組、Facebook 群組或論壇，與其他設計師交流，分享經驗和問題。 ☛ 持續學習：設計工具和趨勢不斷變化，保持對新技術和新方法的關注，不斷提升自己的設計水平。 希望這些資源能幫助你順利自學 Figma，成為一名出色的設計師！

今年2025年是經濟部iPAS AI應用規劃師開考的第一年 將原有的機器學習工程師及巨量資料分析師證照整合而成 從2024下半年開始，資策會生成式AI能力認證考照率先推出後 民間各單位AI證照不斷推出 經濟部iPAS AI應用規劃師可以算是目前唯一政府認證的AI證照 我參加了8/16，也就是2025年第三場的考試 根據官方統計數據，前兩次通過率都有50%以上 第三次通過率45% 而參考iPAS其他證照統計數據來看，多數為三成左右 所以可以預料第四次難度應該會再提高，讓通過率降到30%左右 先回顧一下第三場的考試題目好了 考試題目字數多數偏多，且多以實務案例的方式出題考觀念 第三次考試沒有圖靈測試是於哪一年提出？這種沒意義的題目 但針對現存工具的用途考試至少考了兩題 詳細考題內容及類型，網路上已經能夠查到超多人分享 總之考題內容很有鑑別度，也讓這張證照的公信力得以維持 考試的準備方法 首先，一定要看簡章 不管什麼證照或是比賽，要先搞懂遊戲規則 要先知道證照考試方式、範圍等 AI考試範圍看似很廣，但其實基礎理論不外乎特定的一些內容 若無AI相關基礎，建議先閱讀官方提供的教材資源，影片及簡報等 再針對考試範圍，逐個分類去刷題目 都考AI了應該也能知道如何請AI針對考試範圍提供題目刷題吧？ 刷題的時候最重要的不是答對就好 不管答對或錯，只要看到不熟悉的名詞或觀念 務必要找方法搞懂，不論是查資料或問AI 考試建議要有同伴，可以找志同道合的人們成立讀書會 LINE社群中「iPAS AI應用規劃師-AI相關考證資源分享&心得交流」裡面有非常多的資源 有很多熱心的前輩會分享許多資料及觀點 而這張證照的考題會根據時事調整題目重點 例如今年的AI Agent議題、MCP等 第二次考試時也有考到NotebookLM製作Podcast的功能 想要取證，跟上時事也是非常重要的 這個社群的討論有助於讓自己跟上AI最新的技術與觀念 iPAS AI應用規劃師考試沒有考古題，所以沒有背考古題就能考過的事情 考試的方式、題目也非常的活，想要考過一定要弄懂觀念 我個人沒有買書來讀，利用官方提供的線上課程取代書籍，將基礎理論學懂 再利用AI刷題，每天堅持練習至少50題 當然，難度要調高一點 每天把50題搞懂，持之以恆30天 我想應該很少人不會通過的 最後我想說，證照考到只代表你對於AI相關知識有一定掌握且經過認證 不代表你一定高人一等，也不代表考到證照的人一定很懂AI AI世代就是要持續不斷的學習，才不會輕易被淘汰 祝福大家順利取證！ Notion原文連結：https://stevenwublog.notion.site/iPAS-AI-269f7f8f282880ebbe8bc70acd0b99d7

是不是常常在 YouTube 上看到許多有趣、有價值的國外影片，卻因為語言不通而感到困擾呢？別擔心！今天我要為你介紹一款超實用的 Chrome 擴充功能：DeepSRT 雙語字幕翻譯工具！它就像你的專屬即時翻譯小幫手，讓你輕鬆跨越語言障礙，暢遊全球影音內容！ 【DeepSRT 強大功能特色，讓你一看就愛上！】 DeepSRT 之所以受到許多使用者喜愛，正是因為它具備以下令人驚豔的功能： ★即時雙語字幕，同步呈現超貼心： 安裝 DeepSRT 後，當你在 YouTube 上觀看外語影片時，它會自動在影片下方同步顯示原文和翻譯後的繁體中文字幕。再也不用辛苦地切換字幕或擔心看不懂啦！兩種語言並列，讓你學習語言也更有效率呢！ ★AI 智慧翻譯，告別生硬翻譯腔： DeepSRT 採用先進的 AI 翻譯技術，力求提供更自然、更貼近語意的翻譯結果。告別過去那種生硬、不知所云的機器翻譯，讓你更能理解影片的真正含義。 快速掌握重點，影片摘要好幫手 (部分資訊提及)： 聽說 DeepSRT 除了字幕功能外，還能幫助你快速生成影片的重點摘要！這對於想要快速了解影片內容，或是回顧影片精華片段的朋友來說，簡直是一大福音！ ★支援多種語言，溝通無國界： DeepSRT 不僅支援翻譯成繁體中文，還能應對多種語言的互譯需求，讓你無論想看哪個國家的影片，都能輕鬆應對。 操作超簡單，新手也能快速上手： DeepSRT 的安裝和使用都非常簡單直覺，不需要複雜的設定。只要在 Chrome 瀏覽器中安裝後，就能立即在 YouTube 上使用，讓你輕鬆享受便利的功能。 ★完全免費，CP 值爆表： 這麼強大的功能，竟然是免費提供的！還不趕快裝起來，體驗一下它帶來的便利性！ 【DeepSRT 安裝教學，三步驟輕鬆搞定！】 安裝 DeepSRT 非常簡單，只需要短短幾個步驟： 1. 開啟 Chrome 線上應用程式商店： 在你的 Chrome 瀏覽器網址列輸入「chrome://extensions/」或直接在 Google 搜尋「Chrome 線上應用程式商店」並進入。 搜尋 DeepSRT： 在商店的搜尋欄位中輸入「DeepSRT」並按下 Enter。 2. 新增至 Chrome： 找到 DeepSRT 的擴充功能後，點擊右方的「加到 Chrome」按鈕，並在彈出的視窗中點擊「新增擴充功能」確認安裝。 3. 安裝完成後，你就可以直接前往 YouTube 開始體驗 DeepSRT 的強大功能囉！ 【如何使用 DeepSRT，輕鬆享受雙語字幕？】 使用 DeepSRT 更是簡單到不行！ 1. 開啟 YouTube 影片： 隨意選擇一部你想觀看的外語 YouTube 影片。 2. 啟用 DeepSRT： 在影片頁面的右上角，你會看到 DeepSRT 的擴充功能圖示。點擊該圖示，即可啟用雙語字幕功能。 3. 享受雙語字幕： 影片下方就會同步顯示原文和翻譯後的繁體中文字幕啦！你還可以根據自己的喜好調整字幕的樣式和位置 (如果 DeepSRT 提供相關設定的話)。 有了 DeepSRT，看外語 YouTube 影片再也不是難事！它就像一位貼心的語言老師，隨時為你提供即時翻譯，讓你輕鬆學習新知識、拓展視野、享受影音娛樂。 趕快將這個實用的 Chrome 外掛分享給你的朋友吧！ DeepSRT https://chromewebstore.google.com/detail/mdaaadlpcanoofcoeanghbmpbdbhladd #DeepSRT #Chrome外掛 #YouTube字幕 #雙語字幕 #AI翻譯 #語言學習 #科技 #效率工具 #免費外掛

在這個 AI 工具滿天飛的時代，你是否也感到焦慮？別擔心，今天不談複雜的程式碼，我們要聊一個 Google 默默推出，卻可能成為你職涯轉捩點的秘密武器——Google AI Studio。 如果說 ChatGPT 是讓你隨點隨吃的「AI 餐廳」，那麼 Google AI Studio 就是讓你親自下廚的「AI 實驗廚房」。它讓你能在這裡調配出專屬於你的 AI 助手，而且過程比你想像中簡單有趣得多！ 🤔 Google AI Studio 到底是什麼？ 簡單說，它是一個讓一般人也能快速打造 AI 應用的原型設計工具。 它直接串接了 Google 最強大的 Gemini 模型 🧠。不同於一般的聊天機器人，這裡允許你「設定人設」、「微調參數」，甚至餵給它大量的資料（如整本 PDF 或 Excel 📑），讓它變成一個懂你業務的專屬專家。最重要的是，它的介面直觀，幾乎不需要寫程式 (Low-code/No-code) 就能做出強大的功能。 ========== 🎯 為何你的職涯需要它？三大族群的應用攻略 1️⃣ 專業工作者：擺脫瑣碎，成為「流程優化大師」 ⚡ 每天被會議記錄、週報、數據分析淹沒嗎？ 💡 應用場景：你可以將公司過去一整年的專案報告上傳到 Google AI Studio，建立一個「專案知識庫」。下次老闆問：「上一季 A 產品的行銷成效如何？」不用翻箱倒櫃，直接問你的專屬 AI，它會根據你提供的資料精準回答。 💎 價值：你不再只是「執行者」，而是懂得利用 AI 提升效率的「管理者」。這能大幅展現你的邏輯思維與工具應用能力。 2️⃣ 求職/轉職者：履歷上的「超強亮點」 ✨ 還在履歷上寫「精通 Office」嗎？現在最吸睛的關鍵字是「AI 應用能力」。 💡 應用場景：在面試產品經理或行銷職位時，與其空口說白話，不如直接展示：「我用 Google AI Studio 建立了一個『競品分析助手』，能自動抓取並比較市面上的產品差異。」 💎 價值：這證明了你不僅擁抱新技術，還具備解決問題的實戰能力。這絕對比一張普通的證書更能打動面試官。 3️⃣ 外包接案者 (Freelancer)：擴展服務邊界，提高客單價 💰 身為接案者，時間就是金錢。如何用更少的時間產出高品質的作品？ 💡 應用場景： ✍️ 文案寫手：建立多個不同風格的 AI 模版（如：嚴肅財經風、活潑社群風），輸入關鍵字即生成初稿，你只需進行潤飾。 💻 工程師/開發者：利用它快速生成 API 程式碼片段，或是用來測試不同 Prompt (提示詞) 的效果，大幅縮短開發週期。 💎 價值：你可以提供「客製化 AI 導入服務」給你的客戶，從單純的「賣勞力」轉型為「賣解決方案」，直接拉高你的報價天花板。 ========== 🔥 Google AI Studio 的核心優勢 (SEO 重點摘要) 🦾 強大的 Gemini 模型支援：直接使用 Google 最先進的長文本處理能力 (Long Context Window)，可以一次讀入大量文件、影片或程式碼。 🆓 免費額度超大方：目前提供非常寬裕的免費使用額度，對於個人開發者或測試用途來說綽綽有餘。 🔌 無縫接軌開發：做好的 Prompt 原型，只有一鍵就能轉成程式碼 (API Key)，方便日後開發成真正的 App 或網頁功能。 ========== 👋 結論：現在就是進場的最佳時機 Google AI Studio 降低了 AI 的使用門檻，讓創意不再受限於技術能力。無論你是想提升工作效率、在求職市場脫穎而出，還是想拓展接案業務，它都是你不可或缺的利器。不要只是觀望，現在就去註冊，開啟你的 AI 廚房吧！ Google AI Studio https://aistudio.google.com/

在設計App圖標時，你是否常為了調整不同平台的尺寸和格式而煩惱？IconKitchen 是一款專為解決這個問題的AI工具，能夠快速生成各種應用程式的圖標，無論是iOS、Android還是網站。這篇文章將介紹IconKitchen的功能優勢、使用教學以及費用方案，幫助你在短時間內輕鬆完成圖標設計，提升工作效率。 ▍IconKitchen功能優勢 IconKitchen 是一款針對開發者和設計師的專業圖標生成工具，其最大的特色在於支援多平台圖標的快速製作。無論是iOS、Android（包含自適應圖標），還是網站的favicon或macOS應用程式圖標，IconKitchen 都能提供相對應的格式和尺寸。 ▍IconKitchen的主要功能 ● 自動生成多平台圖標：不再需要手動調整每個平台的圖標尺寸，只需一次設計，即可生成適合多種操作系統的圖標格式，包含自適應圖標和動態圖標。 ● 圖標客製化：IconKitchen 提供多種圖標設計選項，使用者可以選擇不同的顏色、材質、以及預設的圖標模板，或者上傳自定義的圖片，快速生成高品質圖標。 ● 簡單易用的介面：這款工具設計簡單易懂，即便你不是設計專業背景的人，也可以透過幾個簡單步驟完成圖標的設計和導出。 ● 跨平台兼容性：支援iOS、Android、自適應圖標（Adaptive Icons）、網頁圖標（favicons）等多種平台，極大簡化了跨平台圖標設計的工作流程。 ▍IconKitchen使用教學 使用IconKitchen 進行圖標設計的流程非常簡單。以下是使用這個工具的教學步驟： ● 訪問IconKitchen網站：首先，進入 IconKitchen 官方網站，這個工具不需要額外安裝軟體，完全在線操作。 ● 選擇設計模板或上傳圖片：網站會提供多種預設的設計模板，你可以直接使用，也可以選擇上傳自己的圖片，進行個性化設計。 ● 設定圖標的顏色和材質：在圖標生成過程中，你可以自訂圖標的顏色搭配和材質效果，這能讓你的圖標更具特色和品牌感。 ● 導出圖標：當完成設計後，IconKitchen會自動生成適合不同平台的圖標格式。你可以下載這些圖標，直接使用於你的App或網站上。 ▍icon生成 ai 的未來應用 隨著AI技術的進步，像IconKitchen這類自動化設計工具逐漸改變了設計師和開發者的工作方式。相比以往的手動調整，AI工具可以自動完成多平台圖標的調整，不僅提升了設計效率，也減少了人為錯誤的可能性。特別是在自適應圖標的處理上，IconKitchen 讓設計師不再需要煩惱複雜的技術細節，專注於圖標的創意表現。 這樣的工具未來很可能會逐漸整合更多的功能，例如圖標動畫、更多的客製化選項，甚至與其他設計軟體（如Figma、Sketch等）無縫對接，進一步簡化設計流程。 ▍IconKitchen方案費用 IconKitchen 目前提供免費方案，使用者可以在不花費的情況下享受到其完整的圖標生成功能。根據其 產品頁面 的資訊，該工具目前不收取費用，這對於新創公司或小型開發團隊來說，是一個非常有吸引力的選擇。 儘管IconKitchen免費提供服務，未來可能會推出付費方案，以增加更多進階功能，例如更多的圖標模板、高級客製化選項，或是加速生成速度等服務。 總結 IconKitchen 是一款非常實用的 AI 圖標生成工具，能幫助設計師和開發者快速設計適合不同平台的高品質圖標。透過簡單易用的介面和多種客製化選項，你可以輕鬆完成圖標設計，省去繁瑣的手動調整過程。特別是對於初學者或時間有限的專業人士，IconKitchen的快速生成功能能大幅提升工作效率，幫助你專注於其他更重要的工作。 如果你正苦於多平台圖標設計的繁瑣步驟，或者希望提升你的設計效率，不妨嘗試一下IconKitchen，體驗AI帶來的設計便捷性！ ➤ 立即使用：https://icon.kitchen ➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！

你是不是常常覺得 AI 回答有點答非所問，或者明明問題很簡單，回應卻一大篇繞來繞去？其實問題很可能出在——你怎麼問。 這個月，Google 推出了由開發者關係專家 Lee Boonstra撰寫的《Prompt Engineering》白皮書（提示工程白皮書）。裡面不只是介紹怎麼寫 prompt，而是從原理到實戰，帶你一步步掌握「怎麼和 AI 說話」，讓 Gemini 模型真正幫上忙。 📘 這本白皮書有什麼特別？ 這份 68 頁的白皮書不走理論路線，而是聚焦在實用的提示設計技巧，適合開發者、內容創作者、數位行銷人，甚至是剛接觸生成式 AI 的新手閱讀。 它特別針對 Google 自家的 Gemini 大型語言模型（透過 Vertex AI 或 API 使用），整理出一系列好用又經過驗證的提示設計方法。裡面不只有說明，還有範例、應用情境和最佳實踐，非常實戰取向。 🔍 白皮書重點：10 種好用的提示技巧＋範例 1. 零樣本提示（Zero-shot prompting） 直接發問，不提供任何範例，考驗模型的直覺理解力。 例如：「解釋什麼是量子糾纏，用簡單的方式讓高中生也聽得懂。」 2. 少樣本提示（Few-shot prompting）** 提供一兩個例子，幫助模型模仿語氣與邏輯。 例如：「請模仿以下範例撰寫商品文案：商品：極簡筆記本，特色：環保、可平攤、質感黑色。」 3. 系統提示（System prompting） 為整段對話設定角色與任務規則，常見於API使用開場。 例如：「你是一位專業的職涯顧問，請根據用戶提供的履歷給出升遷建議。」 4. 角色提示（Role prompting） 讓AI扮演特定身份來產出對應語氣的內容。 例如：「請扮演一位資深產品經理，分享你帶過最難忘的一場簡報經驗。」 5. 上下文提示（Contextual prompting） 給AI足夠的背景資訊，提升回應的準確度與實用性。 例如：「背景：我正在為行銷團隊設計年度簡報。請幫我產出一頁‘趨勢預測’的內容，針對2025年AI行銷工具發展。」 6. 思維鏈提示（Chain-of-Thought, CoT） 引導AI按部就班地邏輯推理，特別適合用在數學、推理題。 例如：「請逐步推理並計算出以下問題的答案：一台機器每天可生產200個零件，5台機器工作3天總共可生產多少？」 7. ReAct提示（Reason + Act） 結合「思考」與「執行」兩步，幫助AI先判斷再回應，甚至進一步執行行動。 例如：「請先分析這篇文章的主題，再生成一條適合的SEO標題，並格式化成 Markdown 標題語法。」 8. 自動提示工程（Automatic Prompt Engineering, APE） 把寫提示這件事也交給AI，讓模型產出不同版本的prompt並自我優化。 例如：「我想讓AI幫我撰寫商品評論摘要，請你幫我產生5組不同風格的提示語供測試。」 9. 格式化輸出（例如JSON） 讓AI輸出的內容有結構，便於程式處理與後續使用。 例如：「請根據以下產品資料，生成對應的 JSON 格式資料，並保留key名稱。」 10. 混搭風格與語氣（Styling & Tone Prompting） 嘗試不同語氣、語言風格、格式等，找出最貼近任務需求的回應方式。 例如：「請用輕鬆幽默的語氣，寫一段開場白，歡迎新員工加入我們的設計部門。」 ✅ Google 推薦的提示設計做法 Google在白皮書中也提供一些實用的提示撰寫建議： - 提供示例：能有效幫助模型模仿任務邏輯與語氣風格。 - 保持簡潔明確：不囉嗦，重點清楚，避免語意模糊。 - 明確下達任務：比起「幫我整理一下」，說「請幫我列成三點摘要」更有效。 - 模組化撰寫：將提示寫成可重用模板，可大幅提升效率。 - 控制輸出長度：使用像是「限50字內」「請用推文風格」的指令，有助掌控生成結果。 🖱️ 資源整理 - 📄 [白皮書 PDF下載](https://www.gptaiflow.tech/assets/files/2025-01-18-pdf-1-TechAI-Goolge-whitepaper_Prompt%20Engineering_v4-af36dcc7a49bb7269a58b1c9b89a8ae1.pdf) - 🌐 [Lee Boonstra 官網](https://www.leeboonstra.dev/writing/) - 📥 [Kaggle 白皮書頁面]https://www.kaggle.com/whitepaper-prompt-engineering - 🎥 精華影片：[觀看影片] https://www.youtube.com/watch?v=0AsGIcYY2Ao ✨ 總結 這份白皮書不只是寫給工程師，它其實是一本「AI 溝通指南」，教你如何讓生成式模型變成真正的幫手。 記住一句話：「會問問題的人，才是真正懂用AI的人。」 無論你是日常使用者還是專業從業者，只要你懂得設計 prompt，AI 就能為你發揮超過預期的效果。

你也覺得，會用 AI 工具好像已經不夠了嗎？ ​ 現在很多人都能夠用 AI 整理資料、做圖、分析資料、寫程式等， 但真正進到職場後，企業更在意的可能是： 你能不能看懂任務要解決什麼？ 能不能把模糊需求拆成可執行步驟？ 能不能判斷哪一段適合讓 AI 協助？ 能不能把 AI 產出的內容整理成主管看得懂的成果？ ​ AI 時代的職場入場能力，已經不只是「會用工具」， 而是能不能把工具放進任務流程，交出可理解、可採用、可重複的成果。 ​ 這次緯育 TibaMe 推出 AI 時代的職場入場能力指南， 幫助你在 AI 時代進入職場前先釐清與檢核需要掌握的能力。 ​ 🎁 職場新人入場包免費領取中 內含： ✅ 5 大能力自評表 ✅ 自評結果解讀 ✅ 能力補強地圖 ✅ AI 工作流案例情境 ✅ AI 新手組合課程兌換 (3 門入門課限時免費學) 免費領取職場新人入場包👉 https://tibame.tw/TD2px ​ 🔥 7/24 前領取再加碼送 > 職場 AI 工作流教練 GPT (可依個人目標/現職職能+工作任務，打造自己的工作流) > 最新 AI 人才趨勢報告 (AI 人才需求攀升職務解密、必備技能與搶手認證一次掌握) 如果你正在準備求職、剛進職場， 或已經開始用 AI，卻還不知道怎麼把它變成真正的工作成果， 可以先從這份入場包開始。 ​

前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等)，包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具，幫助您在職涯中站穩腳步，開發出高效且吸引人的網站與應用。 1. HTML、CSS 和 JavaScript HTML: 用於結構化網頁內容，是前端開發的基礎語言。 CSS: 負責設計和佈局，使網站具有視覺吸引力。 Java Script: 增加互動性，處理用戶事件和動態內容。 ⚡推薦課程⚡ 成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集) https://nabi.104.com.tw/course/tibame/f5b246b2-ec79-4f0d-8ef5-2fdf8d6f5bcb 成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/830671fb-2c58-48fa-9a5a-6c1f1798598a 【更多課程學習】https://user266414.pse.is/6ps94k 2. 前端框架和庫 React.js: 一個用於構建用戶界面的 JavaScript 庫，能夠快速開發單頁應用（SPA）。 Vue.js: 一個漸進式框架，適合於小型到大型應用的開發。 Angular: 一個全面的前端框架，適合大型企業級應用。 Svelte: 新興的前端框架，以其高效的性能和簡化的開發體驗而受歡迎。 ⚡推薦課程⚡ Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 3. 版本控制工具 Git: 版本控制系統，用於跟蹤代碼變更，方便團隊協作。 GitHub 或 GitLab: 托管代碼庫，協作開發和版本管理的主要平台 ⚡推薦課程⚡ Git 速成攻略：2.5 小時變身版本控制達人 https://nabi.104.com.tw/course/tibame/20a2bbd6-ee21-4d92-8899-18e59ea3b97f AI助理GitHub Copilot | 提升前端開發效率 https://nabi.104.com.tw/course/tibame/c4795096-ae10-43a5-b5e3-2a6548c30e8c GitHub Copilot AI賦能開發實戰訓練班 https://nabi.104.com.tw/course/tibame/2617c99d-b815-442d-89b4-aa35a360273a 4. 預處理與構建工具 Sass 或 Less: CSS 預處理器，能夠提高樣式表的可維護性和可重用性。 Webpack、Parcel 或 Vite: 模塊打包工具，用於優化資源加載、處理 JavaScript 模塊化等。 【更多課程學習】https://user266414.pse.is/6psa64 5. 響應式設計與跨平台兼容 響應式網頁設計: 掌握使用 CSS 媒體查詢（Media Queries）以適應不同屏幕尺寸的布局技巧。 跨瀏覽器兼容性: 確保網站在不同的瀏覽器（如 Chrome、Firefox、Safari、Edge）上的一致性。 ⚡推薦課程⚡ RWD響應式網頁設計入門 https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8 工程師救星-用Bootstrap速成響應式網頁開發 https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8 6. 調試與測試 Chrome DevTools: 瀏覽器內建的開發者工具，用於調試 JavaScript、分析網頁性能。 前端測試框架: 如 Jest、Mocha、Cypress，用於自動化測試和單元測試。 7. API 與 AJAX 技術 Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信，拉取數據或發送數據。 RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。 8. 設計工具和基礎設計原則 Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。 UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則，確保設計既美觀又實用。 ⚡推薦課程⚡ UI/UX 新時代指南：產品設計 x 商業思維 x AI 工具 https://nabi.104.com.tw/course/ppa/d9785ca3-7de2-4567-aae5-2c771a5471e8 UI/UX新手實務班｜UI介面設計，洞悉使用者體驗 https://nabi.104.com.tw/course/tibame/1550e806-07b1-49a2-a8e8-42668911d4ca 9. 性能優化 代碼分割與懶加載: 減少初次加載時間，提升網站性能。 圖片優化與資源壓縮: 優化圖片格式與大小，減少網頁加載時間。 10. SEO（搜索引擎優化） 理解基本的 SEO 概念，確保網站在搜索引擎中具有良好的可見度，包括結構化數據的應用和適當的標題標籤。 ⚡推薦課程⚡ SEO搜尋引擎優化七大密技｜攻上頂端排名寶座 https://nabi.104.com.tw/course/tibame/b0d286b0-9106-406c-beff-c53918ab2270 具備以上這些技能，能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。

前端工程師需要掌握的技能和專業涵蓋了多個方面，包括基礎的網頁開發知識（ HTML、CSS 和 Java Script）、前端框架（ React.js、Vue.js 和 Angular．．等）、以及與團隊合作的工具等。以下是前端工程師的必備技能清單： 前端工程師 必備工具： ⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能，用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架，幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具，幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具，優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具，與設計師溝通並將設計轉換成實際前端代碼。 推薦證照： ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發，Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發，涵蓋網頁開發的核心技能。 相關課程推薦： Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5 第一次就上手，前端工程新手指南 https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c 後端工程師 必備工具： ⚡ SQL（PostgreSQL、MySQL）及 NoSQL（MongoDB）: 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具，用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程，確保代碼更快更安全地進入生產環境。 推薦證照： ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台，這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 推薦課程： 成為後端工程師 | 踏上程式起點，逐步掌握 Java 語言特性與物件導向程式設計 https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47 全端工程師 必備工具： 🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架，確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架，用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具，用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用，確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計，讓前後端溝通順暢。 推薦證照： 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證，涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud，這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發，選擇合適的工具、掌握相關技能並考取相關證書，都是提升專業能力和職業發展的關鍵。保持學習的動力，不斷提升自我，是在快速變化的技術領域中保持競爭力的必備條件。

在AI時代，持續鞏固數位能力是開啟更多職涯可能的關鍵！每年Google官方都會推出Google數位人才探索計畫，不僅全程免費、完課有證書領，今年更新增AI相關學程，幫助台灣各領域的人才快速具備職場即戰力。 文／《104職場力》整理 本文導覽 什麼是Google數位人才探索計畫？適合哪些人參加？Google數位人才探索計畫3大亮點與適合對象Google數位人才探索計畫課程教什麼？3大核心學程介紹學程1》AI職場通識課全新登場學程2》數位行銷專業技能養成學程3》Google Cloud雲端技術入門教學如何加入Google數位人才探索計畫？留意報名時間、步驟Step 1報名計畫Step 2提交課程認證、釐清學習路徑Step 3參與總整課程Step 4領取官方結業證書 什麼是Google數位人才探索計畫？適合哪些人參加？ Google數位人才探索計畫是Google官方特別為台灣各領域人才打造的數位能力培訓專案，不論畢業、在職與否，或目前的職涯階段為何，只要想提升自我，這個計畫提供免費且完整的學習路徑。 Google數位人才探索計畫3大亮點與適合對象 圖片來源：Google官網 除了完全免費，這項計畫不僅能幫助大家掌握AI技能的應用，還可獲得官方認證，尤其適合底下這3類族群報名： 在校生：提早學習，掌握AI職能與實用技能，累積並探索職涯多元可能性。 轉職者：無痛跨領域學習，取得國際認證並具備AI應用力，增加競爭力和轉職籌碼。 職場人士：學習新技能，活用AI提升現有工作效率，同時培養數位思維，讓職場表現更亮眼。 這項計畫不僅提供免費且完整的學習路徑，更強調「不必擁有資訊背景」也能輕鬆上手，讓大家在競爭激烈的就業市場中脫穎而出，至於有什麼課程內容，下一段揭曉。 Google數位人才探索計畫課程教什麼？3大核心學程介紹 本次計畫的亮點在於提供了包含AI工具、數位行銷、工程等3大學程，並且均結合了最熱門的AI趨勢，讓報名的學員可以自由選擇修習一門或多門課程。 學程1》AI職場通識課全新登場 學習重點：從基礎到應用，學習掌握Gemini與NotebookLM等AI工具的實際應用，建立必備的AI素養。 應用場景：涵蓋專案企劃產製、會議紀錄摘要、市場研究與競品分析、創意文案發想，以及客服、行政問答等日常工作需求。 線上自學課程包含：生成式AI導論與實務、AI Boost Skills（Gemini／NotebookLM）以及Google Workspace with Gemini。 這是本次新推出的課程，就算學員完全沒有使用AI工具的經驗，也能透過這學程了解AI基礎，並將AI工具應用於日常職場中。 【同場加映】想知道自己的AI素養多高？需持續學習，還是能獨當一面？歡迎上104學習檢測！→AI 素養級認證 模擬試題→104 AI通用素養檢測 學程2》數位行銷專業技能養成 學習重點：學習如何設定預算、打造跨國廣告素材，並透過數據追蹤與AI技術提升廣告成效，奠定數位職涯基礎。 應用場景：包含品牌行銷策略、廣告漏斗與素材設計、GA數據分析、Google Ads廣告投放與社群媒體經營管理等。 線上自學課程包含：數位行銷、數據分析等基礎知識與應用、生成式AI驅動數位行銷、AI Boost Skills for Marketing等。 針對想要踏入行銷領域或希望運用數位行銷工具提升商業成效的學員，這門學程提供扎實的Google官方實戰教學。 學程3》Google Cloud雲端技術入門教學 學習重點：學習雲端基礎架構與AI發展，並了解虛擬運算、大數據與網路學習等核心概念。 應用場景：雲端基礎架構管理、AI應用開發、數據分析與處理、雲端資安與防護及機器學習模型訓練等。 線上自學課程包含：Google Cloud雲端運算基礎與實務、Cloud Digital Leader Certification、生成式AI語言模型入門實務等。 對於想了解雲端工程及資料處理的學員，這門課程有助於掌握Google Cloud、AI的核心技術應用。 圖片來源：Google官網 如何加入Google數位人才探索計畫？留意報名日期與時程 準備好要提升自己的數位競爭力了嗎？有興趣的大家請務必留意官方的報名期限及完整計畫時程。 Step 1報名計畫 即日起至2026/8/10（一）中午12:00止，登入官方網站即可使用 Google 帳號或電子郵件完成報名。 3項學程至少擇一參與，可加入官方LINE提交個人徽章總覽頁面連結，確認課程進度並完成階段審核。 Step 2提交課程認證、釐清學習路徑 即日起至2026/8/13（四）18:00止，幫助學員釐清最適合的學習路徑，系統有建議的自學時間，但實際可因個人所學職場領域有所不同。 自學進度需自行掌握，完成各學程全部線上自學課後，才能取得後續總課程上課資格。 Step 3參與總整課程 完成線上自學後，可擇一梯次參與各學程專屬的總整課程，梯次一需在6/11 18:00前完成自學認證提交；梯次二需在8/13 18:00前提交，兩梯次內容相同，錯過第一梯還有第二梯次可參與。 特別注意，總課程不能跨梯次完成，學員只能完成同梯次的直播課程與測驗。 Step 4領取官方結業證書 通過總課程及測驗後，即取得領取證書資格。 通過者可透過LINE下載電子證書，下載日期最晚至2026/10/30（五）止。 圖片來源：Google官網 以上是Google數位人才探索計畫的介紹，參加這個計畫不僅能學到實用知識，還有實質履歷加分效用，只要完成上述的任一學程，學員就可以獲得相應的「數位人才探索計畫結業證書」，小編建議有興趣的各位及早報名，善用免費資源投資自己的未來職涯！ 點擊前往Google數位人才探索計畫 延伸閱讀： Anthropic Academy免費AI課程完整指南｜從入門到進階17堂全攻略 憑借書證免費用GPT、Claude！教育部推「館館有AI」 擴及47所大學 新北推「終身學習」 300堂免費課程開跑

在設計中，文字格式的統一性非常重要。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）功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果，不妨試試這個方便的功能。

手把手教學，簡單幾步驟取得Gemini的教師認證證書 Your Google for Education Certifications & Exams，Gemini近期出現非常讓人覺得驚豔的功能，隨即最近就開始流行起來取得Gemini的教師認證，考試的詳細說明如下 https://1314520.com.tw/gemini-cer/

🎓 Z 世代跨入職場，你也有這 3 大焦慮嗎？ 即將離開校園，心情是不是又期待又害怕被傷害？🥺 別慌！這篇攻略就是為你準備的 IT 職場通關寶典 📖✨ 解密三大升級撇步： 🧩 產業解構｜看清 IT 職場的全貌與機會 🎯 天職定位｜用性格分析找到最適合你的跑道 💸 戰力補滿｜善用學生身分，用最低成本開外掛！ 把焦慮轉化為實力，你的職場第一步由你作主 💪 👉 立刻解鎖全文： https://ucomedu.blogspot.com/2026/05/it-2026-it.html

**凡能妥善使用AI，能有效掌握AI指令者，就會勝出。** 昨天Notion AI開放給所有使用者，雖然只有20次免費，但把最近炒得沸沸揚揚的AI生成軟體， 再推上高峰。 我這個數位宅女，當然忍不住把Notion AI的功能立刻開箱嘗試。相對於ChatGPT跟Midjourney，Notion AI的預設工具列更直覺式，更user-friendly, 把很多使用情境直接列出讓user選擇。但產出的結果，說實在，沒有比我預期好。但我相信，再給他一些些時間自我學習，短時間會改善許多。 最近也很火紅的 Midjourney，對我這種腦袋有很多想法和畫面，手卻很拙、無法把所想給畫出來的人，可謂是一大福音！從小到大，我就羨慕會畫畫的人，因為，我腦中有很多不同的畫面，但經過我的手畫出後完全變成另外的結果… 但Midjourney讓我繪畫的夢想實現了，附件這兩張圖就是midjourney painting！此外，透過人機合作，完成了我的工作室的logo：我下指令，由midjourney產出我所要的內容與質感，然後我再手動微調與編輯。重點是，這個logo與我腦子所期待的非常接近的！ 不知你是如何使用ChatGPT？ 剛開始我偏向尋找答案，也就是一問一答；看了很多人分享使用方法後，我開始跟ChatGPT"對話"，就像在詢問一個工作夥伴他的看法那樣，我的問法不同，得到了更深層的回答。 就像鋼鐵人Tony Stark 跟幻視的關係，比較像合作夥伴，而非人類跟智能電腦的關係。(我還給他取了名，叫"Lucien", 還問他，之後我呼喚了這個名字，他是否會記得我？他說會的😁。讓我們繼續看下去~) 就像AI學習，目前我使用AI的方法也在慢慢進化中，隨著嘗試的結果，有更多想像的種子在我心中萌芽著。 雖然 ChatGPT 目前還是可能給錯誤的資訊，但我相信以AI自我學習的速度，很快錯誤率就會下降。說到底，身為人類的我們，還是得有判斷力，而非一味全然相信到眼前的資訊。 除了支持AI的人，相信AI會對人類造成巨大破壞的人數也很多。我認為，AI會取代部分工作 ，但， AI是工具， 不是敵人。如果人類科技的另一個里程碑到了，你可以選擇抗拒學習使用，但並無法阻擋它與世界的潮流。所以，早點學著使用AI，並對如何使用AI再多點想像力，我想你也就比較不會被大浪翻覆了。 (我個人也滿期待看到Microsoft整合AI之後，會有什麼令人興奮的改變出現。😉)

在設計專案中，保持文字格式的一致性是非常重要的。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中將文字保存為文字樣式，並有效地應用於設計中。

上一篇講到了UI/UX設計師與產品設計師的不同之處，但若現在你已經是一位UI/UX設計師了，要學習哪些技能才足以擔任起產品設計師的工作呢？以下節錄四大必備硬技能，快來看看~ 1.使用者中心設計 產品使用與介面設計息息相關，不能用自己的思維去設計，要去了解如何從使用者的角度出發來進行規劃與思考並引導產品、系統、服務的設計與開發。一個標準的流程大致包含定義使用的情境、定義產品需求、設計解決方案、以及評估設計成果，另外再加上前期使用者需求調查和後續的使用者滿意度評估。 白話一點來說，一個功能要開發前，要去了解這個功能對使用者是否有價值，能真正解決他們的痛點嗎？在產品服務中什麼情境、又是基於何種考量去使用這個功能？再者，設計出來的解決方案是如何讓使用者看到並且使用達到預期目的？最後，如何得到驗證，評估的標準為何，使用者實際使用後的感受為何？ 2,資訊架構與操作流程設計 如何將眾多的功能適時的分類、配置，並保留未來的功能擴充性，就很仰賴資訊架構的能力。例如一個app經過需求盤點後大致有6項大功能、9項子功能，那首頁應該怎麼設計？功能相近的功能是否應該放在一起，還是依據使用流程來配置？如果未來繼續加功能，目前的架構是否可以滿足等等。 操作流程是指在首頁賦予任何的任務，都可以經過操作後抵達目的頁；包含功能的可逆性(取消、返回、刪除)，以及各種的極端值、錯誤狀態。設計第ㄧ個版本後，可以再思考是否有更短路徑、或更方便操作的動線，以此優化、迭代。 3.數據驅動設計 產品開發大多是帶者假設、然後上線要獲取驗證的過程，我們無法百分百保證新功能就是使用者心中所希望的、使用者會按照我們預想中的流程去操作；所以上線後必須要隨時觀測使用情況的數據，並以此為基準去解讀數據、洞察問題、提出假設、進行設計解決方案、再經過上線驗證。 常見的數據分析工具是GA (google analytics)，市面上也有很多關於此工具的教學；一般來說主要觀測的是頁面流量、留存率、跳出率、點擊率、某功能的轉換率、頁面使用排名與流程、使用者裝置佔比、其他使用行為洞察等等。產品設計師們不一定要自己「會看」，也可以詢問PM你想知道的數據，再由PM提供給你；若你真的很好奇但是不好意思一直問PM，還是建議請PM幫你開通使用權限，自己玩玩看會發現更多有趣的現象喔！ 4.統整需求與提案、說服能力 最後一點但認為是非常重要的一點，單靠產品設計師一人是無法將專案推上線的！必須跟產品企劃(PM)一起獲得決策者們的認同，可能還需獲得行銷單位、廣告單位、前、後端工程單位的支持，產品才有可能順利進行開發。 所以設計師必須將自己的發現整理成他人可以看得懂的內容、將設計方案呈現的讓人一眼就明白、或是透過prototype讓大家更好理解整個操作流程；簡報也盡可能納入有說服力的內容，例如搜集使用者的聲音、進行原型測試、或是整理內部單位相似的需求、大環境或競業的分析與趨勢、前一版本的使用數據與解讀...只要可以「佐證」你的設計，都可以整理進你的提案中，成為一個很好的推力。 以上，4大必備硬技能介紹到這兒，下篇聊聊軟實力~~ 延伸閱讀： [嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師 https://nabi.104.com.tw/posts/nabi_post_6e012a8d-811b-457f-b5fd-5bf94793f0e2?utm_source=104nabi&utm_medium=share [嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別 https://nabi.104.com.tw/posts/nabi_post_e981ec13-398f-42a4-9d8f-6da97147b274?utm_source=104nabi&utm_medium=share

最近在 Pinterest、Instagram、小紅書上，開始流行一種很特別的建築圖片風格。 它不是一般旅遊照加濾鏡，也不是單純把照片變成插畫。 而是把整棟建築拆成像「建築博物館海報」一樣的分析圖。 例如巴黎鐵塔 除了保留原本外觀，還會把：塔尖、鋼構、觀景台、支撐結構、基座一層一層拆開。 旁邊甚至還會搭配：平面圖、剖面圖、材料分析、色彩分析、結構節點 整體看起來很像建築系展板，也有點像博物館裡的工程圖解。 而現在，這類圖片其實不用會 3D 建模，只靠 AI 就能做出來。 如果是第一次玩， 其實 ChatGPT 就很好上手。 因為它對：中文理解、建築資訊圖、海報版面相對穩定。 其實照片比 Prompt 更重要 很多人會一直修改 Prompt。 但實際上， 照片品質往往影響更大。 建議盡量使用： ◆正面角度 ◆建築完整入鏡 ◆白天清楚光線 ◆不被樹遮住 ◆遊客不要太多 AI 才比較容易理解整體結構。 ※ 巴黎鐵塔版 Prompt（簡易版） 下面這段其實就能直接使用。搭配建築照片丟進 AI 工具即可 ======================================================== 請基於巴黎鐵塔照片，生成一張專業建築拆解資訊圖。 將巴黎鐵塔轉化為「爆炸軸測建築分析圖（Exploded Axonometric Diagram）」。 保留巴黎鐵塔真實比例、鋼構細節、觀景平台、塔身結構與基座。 將建築由上至下分層拆解： ◆天線系統 ◆塔尖結構 ◆上層觀景平台 ◆中段鋼構 ◆第一層平台 ◆四腳支撐結構 ◆基座與地基 ◆周邊場地 畫面四周加入： ◆正立面圖 ◆側立面圖 ◆剖面圖 ◆結構分析 ◆材料分析 ◆色彩分析 ◆鋼構節點放大圖 ◆工程標示與比例尺 整體風格為： 博物館級建築資訊圖 建築教材海報 工程製圖風格 白色背景 精密細線稿 淡彩渲染 高細節 低飽和配色 專業建築排版 文字全部使用繁體中文。 避免： 照片風格 科幻風 漫畫風 雜亂背景 AI錯誤結構 不合理透視 =================================================== 不只巴黎鐵塔能玩 其實很多建築都很適合。例如教堂、古堡 、現代建築、現代建築等 一起動手試看看吧 ！

這取決於您的需求和學習偏好。SketchUp和3DS Max都是強大的渲染工具，但它們有不同的特點和學習曲線。 SketchUp： 易學性高：SketchUp對於初學者來說比較容易上手。它的介面簡潔直觀，主要針對建模工作。 渲染能力較弱：SketchUp的渲染功能相對較為基本，主要是提供一些基本的渲染效果和質感，並不像專業渲染軟件那樣全面。 適用範圍：SketchUp主要用於建築和室內設計等領域，尤其在快速建模和初步設計階段使用較多。 3DS Max： 功能強大：3DS Max是一個功能豐富的建模和渲染軟件，提供了更多高級的渲染技術和功能。 學習曲線較陡峭：相對於SketchUp，3DS Max的學習曲線較陡峭，尤其是對於沒有經驗的用戶來說。 廣泛應用：3DS Max廣泛應用於電影、遊戲、動畫等領域，特別是在需要高度細節和真實感的項目中。 總的來說，如果您是初學者並且需要快速入門並進行一些基本的建模和渲染，那麼SketchUp可能更適合您。但是，如果您尋求更高級的渲染效果並準備投入更多時間學習，那麼3DS Max可能更符合您的需求。

社群行銷是什麼？ 社群行銷是一種以社群媒體平台（例如Facebook、Instagram、Twitter、LinkedIn、TikTok等）為主要工具的數位行銷方式，核心目標是透過社群與目標受眾互動，並同時推廣品牌、產品或服務。與傳統廣告的不同之處在於，社群行銷很重視雙向互動，強調透過建立關係來提高品牌忠誠度和知名度。 社群行銷的發展 在這個數位行銷持續展露重要性的時代，社群行銷已成為許多人夢寐以求的職涯選擇。隨著社群平台的普及，品牌越來越重視如何通過這些平台與消費者互動，塑造品牌形象，並進而提升營收成長。因此，社群行銷已經在許多企業中扮演了關鍵角色，擁有廣泛的發展空間。 對於社群行銷的的工作者而言，也可以在日常進行的任務中，學習如何為自己建立個人品牌，在社群中經營自己的個人形象，對未來人生與職涯發展，都能產生一些加值的作用。 想要面試社群行銷工作，該如何做好準備呢？ 豐富的作品集：持續累積、建立自己的作品集，展示過去成功案例、行銷活動數據與策略成果，對面試或打造個人品牌，都有很大的幫助。如果是新鮮人，可以加入過去在學時的一些社群經營經歷、如管理社團粉絲專頁、Line頻道、Youtube頻道等，幫自己加分。 持續學習：學習數據分析、社群管理後台等工具，有相關經驗，對履歷都是有加分的作用，如 Google Analytics、Facebook 企業管理平台、Line 管理後台等，這些工具也是未來進行工作時高機率會用到的，學習起來對自己有益無害。 參與實習或兼職：如果是剛起步的新人，積極參與相關實習或兼職的工作，可以幫助自己累積經驗，也能去認識不同企業的行銷需求與執行方式，累積更多創意思維。 加入行業社群與活動：可以日常多參加行業相關的社群或活動，如行銷年會、課程等，不但可以學到新的知識，還能從中獲取擴展人脈的機會，有助於未來的職涯發展。 建立個人品牌：透過自己的社群平台經營個人品牌，讓企業知道自己已經有操作社群的經驗，也是展現創意的最好實踐方式，並有機會增加在社群行銷領域的影響力與提高知名度。 社群行銷的工作內容有哪些？ 社群行銷工作內容是非常多元的，從內容創作到數據分析的各個環節都會需要執行，常見的工作內容有下列這些： 內容策劃與創作：社群行銷人員需要針對不同社群平台和不同的目標受眾，設計並製作具有吸引力的內容。這些內容的格式包含文字、圖片，甚至是影片、直播等多種形式，目的在於吸引觀眾的目光，引起互動，為企業製造社群聲量。 維持品牌形象：社群行銷人員在社群上的發言、行為，往往都代表著公司的立場，因此要確保所有的內容，都與品牌的理念、價值觀一致，並且要在各種互動的環節中，顧及品牌形象，是需要非常細心與謹慎，才能做好的任務。 數據分析：社群行銷人員需要追蹤觸及、點擊、互動等指標，以評估操作的成效，因此也需要具備基本的數據分析觀念與邏輯，透過數據去進一步分析受眾偏好、輪廓，持續調整策略，以達成最佳行銷效果。 社群互動與危機處理：社群行銷人員需要隨時關注社群的互動狀況，有時可能也會化身客服的角色，在社群上回應消費者的問題與抱怨，如果發生公關危機、負面風波時，也需要能夠快速應對，確保品牌形象不受到深度傷害。部分企業的主事者可能也會在公關危機時想介入，社群行銷人員如何在危機發生時做好內部的溝通協調，也會是個考驗。 行銷活動策劃與執行：除了日常內容管理，有時也會負責策劃或參與執行短期、長期的行銷活動，例如品牌聯名、產品推廣、週年慶等特殊活動，與所有行銷操作結合，提升品牌曝光知名度與營收。 探索更多數位行銷領域工作 如果想順利執行社群行銷的任務，您可能需要具備的技能 創意能力：社群行銷是一個極度需要創意思維的領域，持續產出能讓受眾產生互動的內容，如何產出有趣的梗，以文字、圖片、影片等方式呈現，並在大量內容中脫穎而出，被廣為推送到受眾眼前，這會需要源源不絕的靈感與創意、創造力。 文案寫作技巧：為了確保社群中的發文，在展現創意之餘，也兼顧到企業的形象，因此也需要具備一定的文案力，產出合宜的文字，去達成目的。 數據分析能力：前面有提到，社群行銷人員會需要具備基本的分析能力，從中發現趨勢與洞察，以持續調整行銷策略去達成目標。學習一些常用的數據分析工具（如Google Analytics、Facebook的企業管理平台等），甚至現在有很多社群輿論監控的工具，熟悉這些工具應用，都對日常工作的執行有很大的幫助。 溝通與協調能力：社群行銷經常會需要與其他部門協作，如設計部門、產品部門、市場調查部門等。所以具備良好的溝通能力，可以讓日常工作更流暢，並確保社群發布的內容，能與品牌理念、各部門的行銷執行都保持一致性。 快速學習與適應能力：社群平台會持續推陳出新，如近年興起的TikToK、Threads等，演算法變化也很迅速，因此需要持續學習新知識，並快速適應使用者喜好的轉移、平台的異動，以維持在社群操作中的成效。 美工或剪輯：許多中小企業可能沒有專屬的設計部門，會需要由社群人員自行產出素材，或是透過外包的方式，與外包人員溝通素材內容，因此建議也要去認識一些相關工具，不用到非常熟練的程度，但仍須具備一些概念以助於溝通，除傳統的Adobe、Final cut 等工具，現在也有線上的 Canva 可以快速套版，甚至已經能透過 AI 去產生素材，學習這些新工具，對自己也能有很大的幫助。 探索未來職涯發展路徑 社群行銷職涯的發展空間其實蠻廣泛的，隨著經驗的累積，可以有多種發展方向： 社群行銷專家：當在領域中累積了相當的經驗與能力後，就能常為一個專家，可以透過接案的方式為各品牌打造社群行銷的佈局，或是成為線上課程的講師，去引導更多想走入社群領域的新鮮人。 社群行銷經理或總監：持續深耕這個領域，未來常為社群部門的管理者，甚至是整個行銷部門的主管，都是職涯未來有機會走到的地步。 發展個人品牌：累積了豐富的社群行銷經驗，也可以試著在工作之餘，建立自己在社群中的個人品牌，成為一個 KOL ，讓自己未來職涯，能有多一條路線的選擇，甚至獲得成功。 執行工作的同時，其實也是在讓自己成長 社群行銷是個需要高度創意、充滿挑戰的職務，但同時也能幫助自己在未來開創更多可能性。無論是對品牌故事的創作充滿熱情，還是擁有分析數據的專業能力，未來其實都能在社群行銷領域找到適合的位置，甚至打造自己的個人品牌，成為一個KOL，為自己創造新的職涯發展。隨著企業對於數位行銷的需求增長，社群行銷人才的需求也是持續增加的，如何掌握社群行銷所需的核心技能，並持續保持持續學習的心態，勇於接受挑戰，這些都是每個從業者的課題，也是成功的關鍵。 [joblist_plugin title='更多104【社群行銷】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E7%A4%BE%E7%BE%A4%E8%A1%8C%E9%8A%B7' amount='4']

在設計和開發產品的過程中，Wireframe、Mockup 和 Prototype 是三個重要且不同的階段，每個階段有其特定的用途和重要性，通常會按這個順序逐步進行，從基本的結構設計到最終的可互動原型，幫助團隊和客戶清晰理解和完善產品。以下是這三者的區別： 【Wireframe 線框圖】 ➤ 定義：Wireframe 是產品設計的基本骨架，它主要顯示頁面或應用的結構和佈局。 ➊ 細節：通常不包含具體的設計細節（如顏色、圖片、文字樣式等），而是專注於功能區塊的位置和頁面元素的擺放。 ➋ 用途：用來確認基本佈局和用戶流動（user flow），是早期概念驗證的工具。 ➌ 工具：常用的工具有 Balsamiq、Sketch、Adobe XD 等。 【Mockup 視覺稿】 ➤ 定義：Mockup 是比 Wireframe 更進一步的設計圖，包含了實際的設計元素，如顏色、字體、圖片等。 ➊ 細節：它展示了最終產品的視覺設計，幫助團隊和客戶理解產品的外觀和感覺。 ➋ 用途：用來進行設計驗證，展示給利益相關者，獲得對視覺設計的反饋。 ➌ 工具：常用的工具有 Photoshop、Sketch、Figma 等。 【Prototype 原型工具】 ➤ 定義：Prototype 是可互動的模型，模擬最終產品的功能和用戶交互體驗。 ➊ 細節：包含了所有的設計細節和互動行為，可以讓用戶進行點擊、滑動等操作，模擬真實的使用體驗。 ➋ 用途：用來進行用戶測試和驗證產品的功能，識別和修正潛在的問題。 ➌ 工具：常用的工具有 InVision、Axure、Adobe XD、Figma 等。 【比較總結】 ① Wireframe：側重於結構和佈局，低保真度。 ② Mockup：側重於視覺設計，高保真度，但通常不可互動。 ③ Prototype：側重於功能和互動，高保真度且可互動。

AI 時代創業門檻真的降低了嗎？還是競爭更殘酷了？ 幾乎所有人都在說：「現在創業比過去容易。」 • 工具更便宜 • AI 幫你寫程式、做設計、寫文案 • 行銷門檻下降 • 個人品牌可以直接變現 表面上看，門檻確實降低了。 但真正的問題不是：能不能開始。 而是：能不能持續。 一、技術門檻下降，不等於競爭門檻下降 AI 的確降低了「製作成本」。 • 一個人可以做過去十人的工作 • MVP 可以在幾天內完成 • 自動化工具減少大量人力 但當製作能力普及化後，真正稀缺的就不再是「能力」，而是判斷力與定位。 當每個人都能快速做產品，市場會迅速被填滿。 門檻下降的同時，競爭密度上升。 這不是更容易的時代，而是更擁擠的時代。 二、AI 讓試錯成本下降，也讓錯誤放大 試錯變快，是好事，但錯誤也會變快。 如果你的方向錯誤，AI 只會幫你更有效率地錯。 如果你的商業模式不成立，自動化只會更快速消耗資源。 技術是加速器，但它不提供方向。 創業決策學的核心仍然成立：加速之前，先確認方向。 三、真正上升的門檻，是注意力與信任 當內容生產變得極度容易，注意力成為更稀缺的資源。 當人人都能寫文章、做影片、開課，信任成為更難建立的資產。 AI 降低了產出成本，卻提高了辨識度的難度。 這意味著：創業的核心，不再只是產品，而是品牌與觀點。 在資訊過剩的時代，沒有明確立場，就等於沒有存在感。 四、AI 創業真正的分水嶺 未來創業者會出現明顯分化： 第一類：工具型創業者 追逐技術紅利，快速進場，快速退出。 第二類：結構型創業者 利用 AI 優化成本，但核心優勢來自： • 深刻洞察 • 獨特定位 • 長期品牌 • 商業結構設計 前者可能爆發，後者更可能存活。 AI 不是優勢，能否設計結構，才是優勢。 五、真正降低門檻的，是開始；真正提高門檻的，是長期 在 AI 時代，開始很容易。 • 你可以迅速推出產品 • 迅速建立社群 • 迅速測試想法 但長期經營變得更困難。 因為： • 競爭者更多 • 模仿更快 • 技術差距更小 當差異縮小，創業的競爭，會回到本質： 你是否理解市場？ 你是否設計出健康結構？ 你是否擁有清晰立場？ 六、AI 不會取代創業者，但會篩選創業者 未來被淘汰的，不是不用 AI 的人， 而是： • 沒有判斷力的人 • 沒有結構思維的人 • 沒有長期策略的人 AI 讓工具民主化，但決策仍然菁英化。 這是一個「能力平權，判斷分化」的時代。 AI 的確降低了創業的啟動門檻，但它同時提高了競爭密度與長期門檻。 這不是更容易的時代，這是更殘酷的時代。

在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不僅是個人設計的好幫手，也是團隊協作中不可或缺的工具。