104學習精靈

Figma

Figma
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「Figma:負責設計軟體界面的視覺與交互設計,協助團隊建立高效的工作流程與設計系統,確保產品的使用者體驗優化。此角色需具備優秀的跨部門協作能力與溝通技巧,能夠與產品經理、開發團隊及UX研究人員密切合作,以達成共識並推動設計理念的落實。熟悉Figma工具操作及其插件應用,具備扎實的UI/UX設計基礎,能快速適應台灣職場中快節奏與團隊合作的文化,面對多元需求的挑戰,持續改進設計方案,以提升用戶滿意度與產品競爭力。」
關於教室
關注人數 117 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 117 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

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)功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果,不妨試試這個方便的功能。
看更多
2 0 3366 1

熱門精選

104學習精靈

產品

07/11 11:20

【早鳥團購只到7/13】產品經理學習營:領$399券再送百元LINE點數
早鳥團購結束後,價格會調漲,敬請保握團購優惠!!
▮ 本學習營104有加碼獨家:
1. 獨家履歷教學,打造讓HR亮眼的履歷!
2. 完課取得104完訓認證,加註履歷提高曝光!
▮ 本學習營今年特點:3週完成企業產品作品,完訓取得證書,助攻你轉職!
🔸業界知名講師,一年一度學習營!
🔸實體線上直播營,跨區都可參加,完課取得證書。
🔸104企業產品實戰題,讓你有履歷作品!
🔸課程安排在假日,你可以無痛學習轉職!
🔸刷指定卡3期0利率,讓你學習免壓力!
看更多
0 0 963 0
學習精靈

07/23 00:00

2339 6
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中將文字保存為文字樣式,並有效地應用於設計中。
看更多
0 0 2632 1
學習精靈

09/14 00:00

1125 2

推薦給你

緯育TibaMe

07/07 08:30

【免費直播最後名額】還在猶豫該不該轉職前端工程師,4個月她從美術老師到前端工程師的成功關鍵
#免費直播報名倒數 你還停留在跨領域轉職=砍掉重練?
其實「#跨領域經歷」正是當今企業所需!🔥
藝術背景、零程式基礎,完成4個月培訓成為鴻海前端工程師,聽聽她怎麼辦到的👉 https://lihi.cc/meapa
▍ 直播講座資訊
🔹 時間:7/7 (一) 20:00~21:00
🔹 費用:免費報名
🔹 形式:線上直播(將於活動前2~3天email提供直播連結)
🔸報名連結:
#活動加碼:成功轉職前輩線上QA解答
如果你也卡在「要不要轉?」的十字路口,這一集,也許就是你的方向指引!
▍ 這 1 小時與你分享:
✅ 如何自我評估該不該轉職
✅ 轉職前的心態調適
✅ 學習過程到專題作品準備
✅ 團隊 side project 的重要性
✅ 如何發揮跨領域優勢
✅ 進入職場的實況與自我提升之路
✅ 轉職前輩線上 QA 提問
立即前往報名👉 https://lihi.cc/meapa
想了解其他 IT 轉職職務選擇?明天晚上免費直播報名入口👉 https://lihi.cc/qTYgy
想獲得更多免費求職轉職資源👉 https://lihi.cc/2Fm56
看更多
0 0 1214 0
你可能感興趣的教室