在當今這個數位化的時代，UI/UX設計的重要性日益凸顯，它不僅關乎產品的視覺呈現，更影響著用戶體驗的質量。因此，許多設計新手都積極尋找能快速上手並提升設計效率的...
今天終於是鐵人賽的最後一天啦!真的很謝謝有觀看我文章的所有人們!今天我們要來介紹的是把辛苦的設計稿輸出的地方在哪裡，它的位置就位在屬性面板的最下方，我們可以看到...
今天我們要來說明當你做好Prototype時，要怎麼把你的作品展示出來呢?在我們做好Prototype的時候，我們都會需要先操作過一次，確認你的動態效果沒有錯誤...
今天要來介紹的是Figma裡面非常方便的原型工具—Prototype。那它的位置在屬性面板的上方，一般我們平常在畫設計圖時都是在Design，但是我們要切換到P...
今天要來介紹Figma另一個強大的功能，那就是「FigJam」，它是Figma推出的白板工具，有助於我們在專案前期的討論與溝通，FigJam提供了非常多模板範例...
今天要來講的是透過觀察身邊的app來去發現一些你平常沒有發現的事情；那我們除了觀察UI介面的美觀以外，還有甚麼依據是我們可以遵循來去了解說這個app到底適不適合...
之前我們介紹了很多Figma相關的技能，今天我們就來結合之前學到的技術來製作一頁的UI介面。那我們這次的主題是「登入介面」，我們先在Figma開啟一個新的檔案，...
今天是我們最後一天介紹Plugin，這次要來介紹一個有趣的Plugin，那就是「LottieFiles」，它是一個提供許多動畫gif的插件軟體，這個插件可以有效...
今天我們要來介紹一個很方便的Plugin，另外也會在多介紹一個Plugin用來輔助我們使用這個Plugin。這次介紹的Plugin叫做「Remove BG」，顧...
今天要來跟大家介紹的Plugin是「Content Reel」。當我們在設計專案時，時常會碰到需要填入假資訊來讓我們的專案看起來更真實，這個Plugin就可以很...
今天是鐵人賽的第21天，已經渡過了3分之2，感謝大家一直以來的觀看!這次要來介紹的Figma插件是「Autoflow」，這個插件主要是協助你製作流程圖的好幫手，...
哈囉大家好，今天要來介紹Figma中好用的Plugins—「Material Design Icons」，他提供許多的免費icon，也有提供付費的icon，在整...
前言 在前15篇章節中，已經詳細介紹了專案中使用的套件及在專案中的具體實作方式。接下來的文章將深入探討專案的細節和商業邏輯。考慮到這是一個從零開始建立的產品，我...
今天我們要來講一下Figma的好用之處，首先，我們要先到Figma的社群(Community)，也就是之前我們找插件跟小部件的地方，然後在搜尋欄位打上「IOS...
今天我們要來介紹的是Component的命名規則，一般我們會分成類型、特徵、大小、狀態來去命名： 類型：一般會分為button、navigation等，並以縮...
昨天與前天我們介紹了Plugins和Widgets，今天要來介紹也是很重要的Component(似乎很常說到每個都很重要XD但認真覺得每個都是必要條件呀!)，C...
昨天我們介紹了Plugins，今天我們要來介紹Widgets，它們兩個有什麼差別呢?我認為的差別是在Plugins是一個是輔助你的設計，Widgets雖然也是輔...
今天我們要來介紹的是Figma當中，我覺得非常方便的功能，那就是Plugins，中文稱作「插件」。那我們要在哪裡找到「插件」呢?可以先回到我們剛開始登入後的畫面...
今天我們要介紹一個很方便的工具，就是Layout grid，中文可稱作格線布局或是網格系統，這個工具對我們在設計版面的距離、位置很有幫助，也對設計icon的固定...
今天我們要來講一個很酷的東西，類似於Illustrator和Photoshop的效果/濾鏡功能，它位在屬性面板的下方，但首先你必須先新增一個物件、圖片或是文字，...
昨天講完了怎麼製作按鈕後，大家有沒有試著做做看呢~今天我們要說明的內容是如何在Figma加入圖片，我們可以從工具列井字符號的右手邊點選，並在最下面一列找到圖片的...
我們從第一天到現在，講了這麼多基本知識，今天終於來講解實作了~今天要交給大家的是如何做出屬於你自己的按鈕，按鈕在設計當中也是一個不可或缺得角色，那我們就趕快開始...
今天是最後一天的Figma教學，前面幾天介紹了Figma，並以Wireframe為例說明了主要功能的使用方法，應該都有感受到Figma的操作有多簡易、方便了吧！...
今天我們要介紹的是Figma強大的一個功能—Auto Layout，中文稱作為自動布局，剛開始會覺得不好理解，甚至覺得很難，避免去使用他，但對於現今網頁大多都是...
今天我們所要介紹的是顏色，這也是設計當中最重要的一環，不論是畫布、形狀、文字，這些東西我們都需要給它顏色。一般Figma預設的顏色都是實色，但我們可以在顏色面板...
第八天！今天要繼續Figma教學，接下來會先設定好視覺稿尺寸，再依據前面繪製的Wirefame並結合在Day4確定下來的網站風格、用色，忘記的可以回去複習。Da...
哈囉，大家你們好，今天要介紹的是文字工具，在一個設計裡面，文字是佔據設計裡面非常重要的角色，我們首先從工具列裡面的大寫T按鈕中創建文字，或是使用快捷鍵T也可以快...
嗨大家好，前面幾天內容有點多，今天來談談比較輕鬆的。Figma有許多強大的功能之外，也有許多神人提供插件，可以更多樣、方便製作想呈現的效果，這邊來介紹幾個我常用...
網站設計工具 - Figma Figma是一個非常流行的設計和協作工具，特別適用於設計師和團隊。它允許使用者創建、共享、評論和協作設計項目。以下是對Figma...
嗨～從今天開始就是Figma教學了！不知道大家對網頁設計是否有初步的概念了呢？今天會簡單介紹Figma及基本操作方法，再用穿插教學的方式帶著大家使用Figma繪...
沒有坐車車的天竺鼠
ysl0628
luna0228
pellok
iThome鐵人賽
看影片追技術