Back

資深網頁設計師常用的 Figma Plugin 推薦 2023

資深網頁設計師推薦的 Figma 外掛清單,大幅提升網頁視覺設計過程的執行效率、團隊協作的順暢、降低時間與跨部門的溝通成本,而且外掛的免費版本通常就夠用了!完全適用對象為網頁設計師、UIUX 設計師或本來就是用來專案管理、腦力激盪發想、行銷工作的使用者等(更新時間:2023.09.16)

「實戰經驗分享,非只是網路資料整理」- Irving 爾文

現今使用 Figma 進行網頁設計或 UI 介面設計是相當主流且普遍的,我通常搭配用 Photoshop 處理影像合成或圖片色調、Illustrator 用來製作編輯品牌標誌 Logo 或小圖示 Icon、向量插圖等,匯出圖檔後再匯入到 Figma 進行網頁排版。此篇分享我在執行網頁設計時常用的 Figma 外掛,大大提升執行效率、降低時間成本。若想進一步了解網頁設計的基本概念與實作經驗交流與分享,無論是行銷人、工程師、平面設計師等其他領域的人想要了解更多「網頁設計」都歡迎加入網頁設計的學習 Line 社群

🍉 若你還沒有 Figma 帳號,可以前往註冊免費帳號,免費版就很好用了!

Photoshop 或 Illustrator 這兩套軟體發展是越來越強大,但也越來越「肥大」,交換檔案時還不時會遇到「掉圖、掉字體」的問題,無論是開個檔案或團隊協作是相當麻煩且瑣碎;而 Figma 的出現,立即解決了「團隊遠端討論、線上即時協作、操作靈敏、使用體驗極佳」,尤其是完全為了 UIUX 設計而生的功能與格式,加上持續擴大的外掛資源,可說是網頁設計師或 UIUX 設計師的最佳工具。

以下我用影片搭配文字快速簡介一下 13 款 Figma 外掛,未來會持續新增內容,主要紀錄在此頁中,歡迎蒐藏此頁(Mac:command + D、Windows:Ctrl + D)並隨時回來瀏覽 ^^

PDF 檔匯入

PDF to Figma – Figma 支援 PDF 文件的拖拽匯入,匯入後會轉成圖片。

外掛名稱

PDF to Figma

外掛簡介

Figma 支援 PDF 文件的拖拽匯入,匯入後會轉成圖片。

使用情境

因為遇過不少甲方(品牌方、客戶)或公司內部的其他部門的人會傳有關「網站地圖、網頁視覺或排版 Wireframe 線框圖」的 PDF 檔案給網頁設計師或工程師,這對我來說使用上相當不便。身為網頁設計師,一邊要開啟 Figma,一面要開啟 PDF 檔查看需求細節,兩者切換挺麻煩的。而用 PDF 軟體放大縮小也很卡、不順暢,時常令人懊惱,所以透過此外掛 PDF to Figma 可以將「需求檔」直接匯入 Figma,縮放瀏覽超順暢。

若發現 PDF 匯入時卡住了,外掛會提示說「檔案過大之類的訊息」,那應該是 PDF 的寬高像素真的太太太大了,Figma 也會限制以防當掉,這時候我改將 PDF 用 Photoshop 開啟,再快速切成兩三個部分將 PDF 圖檔複製貼上到 Figma 中。

小訣竅:若想將 Figma 中的這些畫面「合併成一個 PDF 檔」輸出,那該怎麼做呢?首先須將你的內容全部分別設定在 Frame 中並依序命名編號,並全選,然後點擊工具列的 File > Export Frames to PDF,完成!


網頁截圖

html to design – 將任何網站轉換為完全可編輯的 Figma 設計

外掛名稱

html to design

外掛簡介

將任何網站轉換為完全可編輯的 Figma 設計。利用現有網站,將其 HTML 匯入到 Figma 中,以便開始您自己的設計,而無需從頭構建每個元素。

使用情境

我們在研究其他競品網站或蒐集相關的優質網站頁面設計時通常就安裝瀏覽器 Chrome 的擴充套件如 捕捉網頁擷圖- FireShot 去抓整頁的圖,但有時因頁面太長,所以即使整頁截圖到了,但畫質解析度變差了。後來發現 html to design 外掛不僅能將超長的網頁擷取出來,直接存在 Figma 檔案中,網頁中有圖片或圖示都是可以獨立選取使用,亦即「順便切好圖」,這太神了!

網頁中若有影片或動態特效如視差滾動等會很有可能無法截圖到,這時候就只能將該段回去使用 Chrome 擴充套件截圖了。解決方案就多種方式綜合使用、互補有無。


圖片修正

Pixel Cleaner – 一個點擊就可以清除選取物件參數的小數點後所有數字

外掛名稱

Pixel Cleaner

外掛簡介

一個點擊就可以清除小數點後所有數字,包括自動佈局、排版、位置、尺寸等。

使用情境

很多人應該有遇過將圖片上傳到網站時,圖片有莫名的白邊出現,然後回去檢查圖片時又找不出原因,其實出現圖片白邊的原因有幾種可能:圖片本身的邊緣有一條 1 像素的淺灰色、圖片在原始檔中長寬有小數點、圖片在原始檔中 XY 位置有小數點等。發現問題後,又要將圖片一張一張丟回 Photoshop 細修後匯出,很麻煩對不對?那有沒有一次解決這些所有問題的方式?使用 Figma 外掛:Pixel Cleaner 一鍵消除所有圖檔方方面面的小數點問題,而其中「圖片本身邊緣的淺灰色 1 像素」這問題就得手動移除,其他秒殺解決。

若只有修正一兩張圖片可能無感,但若一次要修十幾二十張圖片以上,那你會發現,在 Figma 中可以一次選取所有圖片,按下外掛按鈕一次完成修正,當下節省了至少半小時以上乏味的重複動作與時間。


圖層管理

Sort Layers – 按照名稱或位置對圖層進行排序

外掛名稱

Sort Layers

外掛簡介

按照名稱或位置對圖層進行排序。

使用情境

有關圖片排列整理,我最常使用的情境有兩種:一來我將每個網頁切圖後的所有圖片需要一次命名與由上到下或由左到右排序;二來我得將數十張攝影素材直接匯入 Figma 中分類後,也是需要分區塊排序與匯出使用。光這兩種需求,Sort Layers 就幫了我很大的忙。我以往還懶得找解決方案就手動慢慢排序,其實有夠浪費青春一大把,這類重複動作的任務真的要能自動化才是王道啊!

圖層命名小訣竅:先搭配 Sort Layers 將檔案排序後,選取相關的圖層,在「圖層上方」按右鍵跳出選單後選擇「Rename」,在 Rename to 的欄位上填上檔案名稱,名稱接著可以點擊 Number ↑ 或 Number ↓ 新增數字編號遞增或遞減排序。

有關圖層命名設定可以參考官方文件 Rename Layers – Figma,通常 Figma、Sketch 等網路內容比較偏向手機應用程式的行動介面設計或非常 UIUX 領域的格式,而我更專注在「網頁設計與 SEO」時的網站實務,不同領域有不同需求的產出與作法,有關網頁圖片如何優化可閱讀這篇文章:如何製作與優化網頁圖片 SEO


圖庫匯入

Unsplash – 在設計中插入來自 Unsplash 的精美圖像

外掛名稱

Unsplash

外掛簡介

在設計中插入來自 Unsplash 的精美圖像。

Pixels – 直接從 Pexels 添加完全免費的圖像到您的設計中

外掛名稱

Pixels

外掛簡介

直接從 Pexels 添加完全免費的圖像到您的設計中。

使用情境

進行網頁視覺設計或撰寫部落格文章時常會需要用到免費可商用圖庫,網路上熱門圖庫不少,這邊列出我自己滿喜歡的、可以提升文章美感與質感的 Unsplash、Pixels,國內外品牌網站部落格其實也滿常見。

以往在進行網站專案時,網頁設計排版會需要文案和圖片素材、撰寫部落格時文章也會有圖文,於是將文案存在 Word 或 Google Doc 中,然後圖片另外存放本機或雲端資料夾。但自從有了 Figma 後,我的作法改成 Figma 存放統一彙整圖片,必要的話還可以試排版一下或調整圖片尺寸與裁切。直接透過此外掛將我常用的 Unsplash、Pixels 圖庫在 Figma 中直接匯入相當便利,不用切換畫面,省下了下載圖片再上傳的繁瑣步驟。

有發現某些 Figma plugin 有 All in one 的圖庫匯入功能,但匯入圖片的速度稍微慢了一下,所以我還是選用速度快多了的單一圖庫匯入 Plugin


擷取顏色

Get Palette – 可以幫助使用圖像創建美麗的顏色調色板

外掛名稱

Get Palette

外掛簡介

Get Palette 可以幫助使用圖像創建美麗的顏色調色板。

使用情境

有時我們會為配色感到煩惱,對吧?有時我們需要配色的靈感,有時我們在進行品牌設計創造的靈感板就會需要整體配色的配色盤(colour palette),有時我們發現某些影像、照片、圖片配色相當迷人且適合,但只能用軟體或 Chrome 擴充元件的顏色滴管工具大概吸取畫面中的幾個部分、大概配色組合一下。現在我直接使用 Figma 外掛:Get Palette 秒速滿足這個需求,將任意一張圖片匯入 Figma,啟用外掛,立即顯示該圖片的幾種主要顏色,馬上可以感受到配色的方式所營造的氛圍,讓我們直接使用或蒐藏或微調。

此外掛只能使用在 JPG、PNG 圖片,無法使用在 SVG 圖檔。有的 Plugin 在顯示顏色時會同時顯示色碼的值,但這款不會,只能一個一個點擊然後複製右邊參數顯示的色碼。我會選這款是因為發現其有個功能我滿喜歡的,就是可以自己決定想要產生幾個顏色數,區間是 1 – 10 個。

若真的一時沒有安裝或使用 Figma,也是有不少類似功能的線上工具可以使用,例如 Image picker – Coolors 就可以上傳圖片或貼近任意圖片網址 URL 就可以自動建立該圖的關鍵色碼。至於網頁程式常用的顏色代碼 HEX / RGB 的值我是搭配另一款 Plugin 可以快速顯示在檔案中:ColorLabels


色碼顯示

ColorLabels – 將色彩樣式建立顏色代碼

外掛名稱

ColorLabels

外掛簡介

能夠以單擊的方式將色彩樣式建立顏色代碼。

使用情境

設計過程中會透過圖片搜尋、情緒板(Mood Board)建立等視覺資料找靈感,而顏色所營造的視覺印象與情感傳遞是相當重要的,透過 Figma plugin:Get Palette 將圖片的色系建立出色塊,然後為了方便後續設計和網站開發使用,再用 Figma plugin: ColorLabels 快速將這些色塊產生顏色代碼,這兩種外掛組合可說是合作無間。格式可以選擇 HEX、RGB、HSL、HSB 等,網頁常用的則是 HEX、RGB,我自己則主要使用 HEX 色碼,例如白色 #FFFFFF、黑色 #000000 等

有注意到 ColorLabels 一直在更新中,之前使用時色碼格式還沒有那麼多選擇,現在新增了功能,除了快速顯示色碼,還可以顯示該色碼的「顏色名稱」,這挺有趣的!


圖示 Icon

Iconify – 將眾多圖標作為向量形狀匯入到 Figma 文檔

外掛名稱

Iconify

外掛簡介

將 Material Design Icons、FontAwesome、Jam Icons、EmojiOne、Twitter Emoji 等眾多圖標(包括超過 100 個圖標集,總共包含超過 100,000 個圖標)作為向量形狀匯入到 Figma 中。

使用情境

網頁設計中除了圖片之外,圖示、小圖示的使用也是相當重要的存在,可以是自己創作的、也可以用熱門的圖示資源庫如 Bootstraps Icons、Google Material Icons、Font Awesome 等。而 Figma plugin:Iconify 就同時彙整了這些資源,讓使用者可以自由選擇與插入 SVG 檔案到設計畫面中使用,節省了很多力氣,免切換視窗以及免到處瀏覽下載。

網站使用的圖示 Icon 我通常選用 SVG 格式,放大縮小解析度都能保持清晰,也由於是 SVG 格式,所以可以根據內容透過撰寫網頁語法 CSS 任意調整顏色、互動、態等設定,網站開發友善。


品牌 Logo

Brandfetch – 立即提供數百萬個標誌、顏色、字體等資源,幫助您優化設計流程

外掛名稱

Brandfetch

外掛簡介

品牌隨手可得 ✨ 跟尋找最新品牌資產說再見 — Brandfetch 立即提供數百萬個標誌、顏色、字體等資源,幫助您優化設計流程。確保您的品牌符合品牌形象,並輕鬆存取,只需將其添加到全球品牌平台 Brandfetch 即可。

使用情境

我們會在設計中用各種圖示 Icon 作閱讀引導、畫面點綴等,還有一種情況也常碰到:就是可能會使用其他品牌或服務的 Logo 圖示,畢竟不是每家公司都會將自己的品牌資產 Brand Assets 保存好或是放在官網上給人下載,有些很好找,有些很難找、甚至找到後畫質不好比較難用。

這款 Figma plugin:Brandfetch 多多少少有幫助,有彙整大部分知名品牌 Logo 的 SVG 檔,如 Google、Nike、LV、Apple、Amazon、Shopify 等,尤其是電商網站常用到的付款圖示有些找得到如 Visa、Master Card、PayPal 等,對於找不到的就回網路上找檔案了,例如維基百科 Wikipedia 中有不少品牌的 Logo 圖檔可以下載使用,或直接到 Figma Community 搜尋關鍵字:payment icons 就會找到爆多的資源可以使用。

因為不希望用到模糊低畫質的圖檔,會破壞整個畫面的質感,我以前的作法就是到處搜尋 Google 看有沒有辦法找到原始檔並蒐藏,例如 SVG 或 ESP ,找不到的話至少要找到解析度高一點的 PNG 透明背景圖檔,最後的選擇則是 JPG 檔(要去背比較麻煩),從其中可知,最好編輯的檔案是 SVG 檔。


背景圖

Subtle Patterns – 從 Subtle Patterns 獲取圖案圖像

外掛名稱

Subtle Patterns

外掛簡介

從 Subtle Patterns 獲取圖案圖像。

使用情境

好久以前應該是網路誕生開始到 2014 年前後會常常看到網頁設計背景很喜歡用「重複排列的圖騰」,現代網頁設計趨勢似乎比較少見了,改為大圖背景或純色、漸層色打底、大量的留白、巨大的標題等,這之後可以另外專門分享。

那 Figma plugin:Subtle Patterns 什麼時候會用到呢?其實我還是有的,只是我搜尋的素材是不過於花俏的圖騰當背景使用,可能是細緻灰色或黑色顆粒質感、淺細灰階方格之類的,妥善納入排版還是增加視覺的豐富度而不單調。

有時候全白背景或全單色背景看起來有點說不上的空洞,當然這還是看設計的內容是什麼而定。另外,我也常用在設計社群媒體的貼文使用,例如 Facebook (Meta)、Instagram、Twitter 等,意外地好用!這方式滿推的。


漸層色

CoolHue – Gradient Color Palette – CoolHue 精選漸變色板,提供 60 多種現成的漸變效果

外掛名稱

CoolHue – Gradient Color Palette

外掛簡介

CoolHue 精選漸變色板,提供 60 多種現成的漸變效果,可以通過單擊 CoolHue 調色板上的漸變來使用漸變效果,或者隨時生成新的隨機漸變效果。

使用情境

漸層色用得好,可以讓設計畫面非常新穎、有活力。若你比較偏好用漸層背景,或只是想要快速套用某種漸層色然後再去調整一下,那此外掛 CoolHue – Gradient Color Palette 可以滿足這個需求。無論是用來做網頁設計、社群貼文素材等使用皆可。


示意圖和示意文字

Content Catalog – 可以幫助設計生成頭像和文本字符串

外掛名稱

Content Catalog

外掛簡介

Content Catalog 可以幫助設計生成頭像和文本字符串。只需選擇一個或多個圖層,然後從目錄中選擇一種內容類型應用即可。

使用情境

網頁設計師或平面設計師應該都有用過這樣的情況:就是沒有文案或素材時,但專案已經啟動,行銷或對方正在準備內容中,而我們設計師也不太可能空等,每一分每一秒都在流逝,所以雖然這不是最佳執行設計的狀態,但也是會採取一些行動,至少先起個頭、拉個排版框架出來都好。

以前我常去圖庫或是乾脆用灰階色塊充當圖片區域、亂打幾串文字或使用線上工具自動產生一堆沒有任何意義的示意文字,而現在我直接使用 Figma plugin:Content Catalog 處理,大量選取指定區塊、一鍵生成「示意文字」,類型包含隨機頭像圖片如人物或狗或貓、英文名字、電子郵件、電話、數字等;而若是需要隨機圖片如背景、風景等之類的,則另外搭配圖庫匯入相關的 Figma plugin UnsplashPixels 即可。

常聽到的先放假圖假文字排版吧!我是比較習慣改用「示意圖」和「示意文字」稱呼之 ^^,「假」聽起來有負面的感覺。


此篇文章會持續更新、汰舊換新,以及新增更多用過好用的 Figma plugin,在設計實務中提升執行效率,會陸續紀錄在此份外掛推薦清單中,除了當作分享之外,其實也是作為自己的線上筆記,隨時可以翻閱 ^^ 若有網頁設計相關的任何問題都歡迎來信討論 irving@irvinglab.com

訂閱 Irvinglab 爾文實驗室電子報

爾文會不定時分享網頁設計與建置的實戰經驗分享、設計、SEO 和行銷工具的精選清單等內容

    加入 Line 的學習社群

    • 成為網頁設計師 | Irvinglab 爾文實驗室
      • 簡介:邁向網頁設計師之路,了解網頁設計的基本概念與實作經驗交流與分享,無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
      • 網址:https://share.irvinglab.com/be-a-web-designer
    • Shopify 網站設計與架站學習交流 | Irvinglab 爾文實驗室
      • 簡介:分享主題從網站規劃、設計到建立等相關內容,透過學習交流與經驗分享,讓彼此成長更加快速,主要以 Shopify 建立電商網站為主。
      • 網址:https://share.irvinglab.com/shopify-line-group
    • WordPress 網站設計與架站學習|Irvinglab 爾文實驗室
    • SEO 資源彙整與學習|Irvinglab 爾文實驗室

    AI、設計與行銷工具

    • Figma:UIUX 設計師和網頁設計師首選必用的線上設計協作軟體,若你是行銷人、專案管理、團隊主管、遠端協作等也都非常適用!大幅提升執行效率、降低溝通成本。
    • Framer AI:輸入文字,數秒內即可生成網站的 AI 工具!這對設計師來說值得研究研究!
    • Relume:若是 Figma 設計師和 Webflow 架站的愛好者,可以玩玩看!Access the world’s largest library of Figma & Webflow components and build better websites in hours, not days.
    • Siter.io:又一款免程式碼的網頁編輯器,介面有點類似 Figma,Online design tool with no coding to think about
    • Untitled UI:The world’s largest and most popular Figma UI kit. Kickstart any project, save thousands of hours, and level up as a designer.
    • Shulex:電商網站的競品分析工具很多,這款我試用了一下分析 Amazon 產品頁可以自動分析評論、產出該產品的人物誌、正面和負面評論的項目與比例等,讓我可以快速了解產品的使用者輪廓與痛點,滿推薦使用看看。
    • PPSPY:Shopify Store Spy & Shopify Dropshipping Monitor Tool 發現這工具真是大開眼界,可以用 AI 尋找 10 倍利潤的熱賣產品,主要針對 Shopify 商店,包含快速監控對手、進行市場研究、熱銷產品研究找到利基市場、進行大量店舖主題設計參考等
    • Rask.ai:領先的AI視頻本地化和配音工具,告別昂貴的翻譯員。我們的目標是用人工智能提供不亞於人類的配音和翻譯體驗
    • Wincher:一款追蹤 SEO 成效的工具:算是超級簡易版的 Ahrefs,可以直接連接 Google Search Console 簡約地呈現數據,用一用也是清爽的,等未來功能越來越豐富時,或許可以考慮付費版
    • Writesonic:快速創作部落格、廣告、電子郵件和網站所需的內容,並進行SEO優化,這是最令人期待的 AI 內容產生軟體!其中可以安裝 Chrome extension,然後快捷鍵可以直接呼叫輸入視窗,超級方便。即將推出 ChatSonic AI Bot for Businesses: Customer Support AI Chatbot,類似 Chatbase,這類線上客服 AI Chat 比以往的 Bot 還更人性化且反應不會過於機器人。
    • CopyAI:行銷文案 AI 自動產生器 CopyAI is an AI-powered copywriter that generates high-quality copy for your business.
    • Chatbase:利用您擁有的知識庫,打造一個AI聊天機器人,並輕鬆將其添加至您的網站中
    • ActiveCampaign:Email 行銷、電子報系統(MailChimp 的替代方案之ㄧ)
    • Canva:線上平面設計工具,若團隊沒有設計師,那 Canva 真的是神助攻!解決行銷、社群、平面設計、簡報等需求,版型一應俱全
    • Envato Elements:無限下載的付費資源素材:包含圖片、影片、音樂、音效、平面設計、插圖、簡報模版等,這個也是我常常在用的素材平台
    • GetResponse:All-in-one 行銷平台,包含電子郵件行銷 Email marketing、登陸頁建立 Landing pages、行銷自動化 Marketing automation 等功能,可以先註冊帳號使用免費版,覺得需要未來再升級!這軟體類似 Hubspot
    • PickFu:PickFu 是美國消費者在線調研工具,可進行在線的測試、優化和即時消費者調研問卷,取代猜測。透過 PickFu,你可以立即獲取至多 500 條來自美國消費者的意見。通過尋求眾人的智慧,幫助你做出更好的商業決策
    • SurveySparrow:全渠道顧客滿意度調查管理平台 Omnichannel Experience Management Platform
    • Qwary:全渠道 CX 客戶體驗平台,可幫助企業獲取客戶反饋並通過設計精美的專業調查來衡量 NPS、CSAT 和 CES,以改善購物體驗和產品性能
    • Opinion Stage:建立免費的測驗、投票、表單等工具,視覺質感和功能運作不錯!也有提供付費方案,提高每個月的回應數
    • Typeform:質感優雅的線上表單
    • NoteForms:專門整合 Notion 的表單建立,其官方網站首頁揭示使用者包含哈佛大學、耶魯大學、現代汽車等都有在用。因為我本身主要使用 Notion 管理專案,這大大方便多了,快速建立表單、蒐集回饋直接存到 Notion,節省不少切換軟體與資料轉移的人力
    • UXPressia:快速創建專業的顧客旅程地圖 Customer Journey Map、人物誌 Persona 和影響地圖 Impact Map,還有各種模板可以直接套用。
    • AlsoAsked:People Also Ask keyword research tool 若要撰寫 SEO 文章,這是一款可以考慮使用的工具,輸入關鍵字後會自動產生樹狀圖表呈現內容延伸標題
    • Beehiiv:滿新穎的電子報訂閱工具,相當輕巧。時常被拿來跟 Substack 相比
    • Surfer:SEO 工具,主要可用做 SEO 內容編輯者使用, AI 產生 SEO 文案、關鍵字推薦、SEO Audit 等功能,介面設計滿新穎的,賞心悅目!可以玩玩看,七天內可以退款。
    • Plerdy:全方位的網站優化分析工具,目標為提供網站優化與轉換率,擁有如此多的功能費用也算平易近人,包含 Heatmap、Session Replay、NPS、Ecommerce Analytics、Event Tracking Tools、Funnel Analysis、SEO Checker、UX assistant、Ecommerce Analytics 等(但沒有 AB Testing)
    • VWO:這款是我夢寐以求的 AB Testing 軟體,其功能的專業程度與順暢度相當高!可以先用免費試用三十天,有提供免費版和付費版,免費版可以當作小試身手,若專注在網站轉換率搭配大量測試各種設計與文案版本測試則可以考慮升級為付費版本。
    • ABtesting AI:有用過 AB Testing 在優化網站嗎?來試試 AI 的 Testing,有免費方案可以測試
    • ClickMagick:在找 AB Testing 工具時發現 ClickMagick,也看了其他 YouTuber 簡介,感覺相當易用,找時間實測
    • Frase:彈指之間用 AI 協助搜尋、撰寫與優化 SEO 文章
    • AppSumo:限時優惠的一次性付費數位軟體販售平台(大幅降低成本)
    • Tidio:設計優質的線上交談工具 Online Chat
    • Help Scout:線上客服(Zendesk 的替代方案)
    • HeySummit:舉辦線上虛擬研討會
    • SimplyBook:線上預約排程系統 及 App 預約軟體
    • Liinks:一頁式多連結網頁,整合多個社群、官網的一頁式網站
    • LearnWorlds:創建與銷售線上課程網站平台
    • Teachable:創建與銷售線上課程網站平台
    • Make:視覺化自動化工作流程,將數據串接等在各種軟體來回穿梭,提升工作效率
    • Bardeen AI:結合 AI 的自動化工作流程,整合各種常見 App
    • Piktochart:資訊圖表設計工具
    • MotionElements:專業的影片素材、版型、外掛
    • MotionVFX:專業的影片素材、版型、外掛
    • Payoneer 派安盈:安全、快速,一站式跨境收款
    • Wise:跨境帳戶,進行國際付款、收款
    • Surfshark:Surfshark VPN 最近開始用,還滿好使用的!原本需求是想要瀏覽某些國外網站卻被強制自動轉址,所以用 VPN 解決此問題
    • Firstory:平台上架、贊助訂閱 與廣告盈利 最完整強大的 Podcast Hosting 省去所有繁瑣上架流程,我們將你錄好的音檔自動發佈到 KKBOX、Apple Podcasts、Spotify 和 Google Podcasts 等收聽平台
    • Descript:錄製 Podcast 線上工具,包含影音剪輯、Podcast 錄製、螢幕錄影等功能。There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free
    • Podcastle:錄製 Podcast 的線上工具,包含影片和聲音剪輯、聲音轉文字等功能。Podcastle is the simplest way to create professional-quality podcasts. Record, edit, transcribe, and export your content with the power of AI, in an intuitive web-based platform.
    • CSS Scan 3.0:在進行網站開發時,檢查、複製和編輯 CSS 的最快速、最簡單的方式,跟「檢查元素」說再見——透過滑鼠懸停於任何元素上,即可立即檢查其 CSS,並透過一個點擊複製其所有規則。
    • 陸續蒐藏與研究…

    有任何想問的問題,歡迎填寫表單留言或寄信給我 irving@irvinglab.comFB 粉絲團直接線上交談,我們一起交流、成長!附上我的網頁設計作品,可以來逛逛喔!歡迎加入 Shopify 網站設計與架站學習交流:Line 社群 一起交流與學習!但在美國的用戶無法加入台灣的 Line 社群,所以我也另外建立了 Telegram 社群,兩邊珍貴的經驗會同步分享與整理。若想進一步了解服務內容,可以加入 Irvinglab 爾文實驗室的 Line@ 官方帳號留下訊息給我們

    爾文讀書中,跟我一起讀書去!精選書單 (持續更新):前往瀏覽
    爾文上課中,跟我一起上課去!精選課程 (持續更新):前往瀏覽

    Leave a Reply

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *