by Rain Chu | 9 月 21, 2025 | AI, Prompt, 程式開發, 繪圖
Google I/O 2025 上，Google 推出了名為 Stitch 的全新 AI 工具，目標是用文字或圖片提示（prompt / image prompt）快速生成網頁與 App 的 UI 設計與前端程式碼。Stitch 結合 Gemini 2.5 Pro 與 Flash 模型，並支持 Figma 匯出與 IDE 編輯，雖不是要取代專業設計工具如 Figma，但它能大幅簡化設計初期流程，是設計師與前端開發者的新利器。以下詳細介紹功能、優勢與使用心得。
功能特色與技術細節
- 從文字或圖片提示產生 UI + 前端程式碼
- 用戶可以用簡單的中英文描述(這真的是google模型的好處)，例如「建立一個深色主題的行動 app 登入頁面，有按鈕和表單欄位」來生成設計。
- 或者上傳草圖、線框圖（wireframe）或其他 UI 的範例圖片來作為參考。Stitch 會根據這些提示產生對應設計。
- 整合 Gemini 2.5 Pro／Flash 模型 + 主題與設計流程工具
- Stitch 是由 Google Labs 實驗性專案（experimental tool）之一，背後運行的是 Gemini 2.5 Pro 模型，這使得生成的 UI 設計在色彩、佈局與細節上更乾淨與現代感。
- 提供主題（theme）選擇、樣式（style）調整等交互功能；可視化設計流程內建 Canvas，可以看到完整頁面流程與介面切換模式。
- 輸出與匯出支持：HTML/CSS/Figma 等
- Stitch 可以匯出為 HTML / CSS 程式碼，讓開發者能夠「拿來就用」於前端專案當中。
- 同時有「Paste to Figma」或「Copy to Figma」功能，可將設計匯入 Figma 進行進一步編輯。
Stitch 的定位與比較優勢
- 輔助工具，而非全面取代設計平台：Stitch 的設計是為了縮短「從構思到原型 UI +程式碼」之間的落差，而不是完全取代專業設計師在 Figma、Sketch、Adobe XD 等工具中的工作。設計師仍可用這些工具做精細調整。
- 速度與效率：使用 Stitch 生成 UI 設計／前端程式碼所需時間比從零開始設計加寫碼快很多，對於初期原型與快速驗證需求特別有用。
- 可訪問性：Stitch 在 Google Labs 平台上可用，用戶界面相對友好，降低新手與非設計背景者的進入門檻。
限制與要注意的地方
- 雖然 Stitch 支持匯出至 Figma，但某些情況（如從上傳圖片/草圖的模式）之下，Figma 匯出功能尚未全功能完善。
- 設計細節（例如文字對齊、某些複雜元件組件化）有時候不完美，需要人工修正。
- 現階段仍為實驗性／預覽模式（experimental / Labs），可能在某些瀏覽器支援或功能穩定性上有差異。
使用流程簡易指南
- 前往 Stitch 官方網站（stitch.withgoogle.com）並登入 Google 帳號。
- 選擇撰寫 prompt 或上傳參考圖片／草圖／線框圖。描述顏色、風格、佈局等細節。
- 等待 Stitch 生成 UI 設計與初步程式碼（HTML/CSS）。
- 若要匯出至 Figma，可使用「Copy to Figma / Paste to Figma」功能以便進一步編輯。
- 若為開發者，可直接取出 HTML/CSS 並嵌入 IDE 或網頁專案中。
Google Stitch 的收費／使用限額情況
從目前公開資訊來看，Google Stitch 屬於 Google Labs 的實驗性工具（beta 或公測階段），目前是免費使用，但有一些使用次數與模式上的限額／差異。下面是具體情況：
| 模式 | 免費與否 | 每月生成次數限額 |
|---|
| Standard Mode（Flash 模式） | 免費 | 每帳號每月約 350 次生成 │ 適合一般快速原型與草圖生成，可匯出 Figma 或 Code。 |
| Experimental Mode（實驗／Pro 模式） | 免費 | 每帳號每月約 50 次生成 │ 使用更強的 Gemini 2.5 Pro 模型；目前部分功能（如匯出 Figma）或效能有些限制。 |
參考資料
by Rain Chu | 4 月 20, 2025 | AI, 圖型處理, 影片製作, 繪圖
Unwatermark.ai，即使是初學者也能輕鬆完成這項任務。這款線上工具無需註冊、完全免費，操作簡單，讓你在 6 秒內開始體驗 AI 去字幕的強大功能。
🧩 Unwatermark.ai 的主要特色
✅ 完全免費，無需註冊
使用 Unwatermark.ai，你不需要提供任何個人資訊或創建帳號，只需打開網站，即可立即開始使用，省去繁瑣的註冊流程。
🎨 簡單的操作介面
上傳影片後，利用畫筆或矩形工具標記想要去除的字幕區域，AI 會自動分析並去除標記區域的字幕，同時填補背景，保持影片畫質清晰自然。
📁 支援多種影片格式
Unwatermark.ai 支援 MP4、AVI、MOV 等常見影片格式，無需擔心格式相容性問題。
⚡ 快速處理，節省時間
得益於高效的 AI 演算法，Unwatermark.ai 能夠在短時間內完成字幕去除，讓你快速獲得無字幕的影片。
💰 價格合理，選擇多樣
除了免費使用外，Unwatermark.ai 也提供多種付費方案，滿足不同用戶的需求。
🛠️ 如何使用 Unwatermark.ai？
- 打開網站：前往 Unwatermark.ai 官方網站。
- 上傳影片：點擊「上傳影片」按鈕，選擇你想要去除字幕的影片。
- 標記字幕區域：使用畫筆或矩形工具，標記影片中需要去除的字幕位置。
- 開始處理：點擊「開始去除」按鈕，AI 將自動處理影片。
- 下載影片：處理完成後，下載無字幕的影片即可。
🎯 適合哪些人使用？
- 影片創作者：需要去除原始影片中的字幕，以便重新編輯或添加新的字幕。
- 教育工作者：希望使用無字幕的影片作為教學素材。
- 社群媒體使用者：想要分享無字幕的影片，提升觀賞體驗。
- 初學者：沒有影片編輯經驗，但需要簡單快速地去除字幕。
參考資料
by Rain Chu | 2 月 25, 2025 | AI, 圖型處理, 繪圖
可以不要再用 photoshop 來摳圖了，Aiarty Image Matting 以其強大的 AI 摳圖技術脫穎而出，能夠精準識別前景與背景，並處理各種複雜場景，如毛髮、透明物體、婚紗和玻璃等細節，最新版本支援多款 AI 模型，其中 AlphaStandard V2 在半透明物件的摳圖方面表現尤為出色，確保細節保留並與背景完美融合。
主要功能介紹
1. 多款 AI 摳圖模型
Aiarty Image Matting 提供四種 AI 模型，以應對不同類型的圖像：
- AlphaStandard V2：適用於婚紗、玻璃、水滴等半透明物件，保留細緻邊緣與透明效果。
- AlphaEdge V2：針對邊緣處理優化，使摳圖效果更清晰細緻。
- EdgeClear V2：適合處理 電商產品圖，如服飾、鞋子、包包、電子產品等。該模型可有效增強邊緣清晰度，使產品與背景分離更加自然，並去除雜訊，確保產品輪廓銳利。這對於電商平台（如 Amazon、Shopee、蝦皮、京東）上的商品展示至關重要。
- SolidMat V2：專為堅固物件（如書籍、家具、衣物）設計，提供最佳輪廓識別。
2. 支援導出蒙版功能
Aiarty Image Matting 允許使用者導出 Alpha 蒙版（Mask），這項功能對於影像合成、特效處理和影像編輯極為重要。蒙版導出後，可在 Photoshop、Premiere Pro 或其他影像處理軟體中進一步編輯，方便用戶調整前景與背景的融合效果。
3. 高效批量處理
該工具支援一次處理多達 3000 張圖片，適合需要大量摳圖的設計師與影像後製團隊，大幅提升工作效率。
4. 多樣化背景處理
摳圖後的影像可選擇：
- 保留透明背景（.PNG）
- 替換純色背景
- 替換自定義背景（如模糊效果或其他圖片）
by Rain Chu | 2 月 3, 2025 | AI, Stable Diffusion, 繪圖
AMD於2024年7月推出了Amuse 2.0 Beta版本，這是一款專為AMD平台設計的AI創作工具，替 AMD CPU、GPU的用戶提供更簡便的AI圖像生成體驗。
主要特色：
- AMD XDNA超分辨率技術：該技術可在圖像生成結束時，將輸出尺寸提高兩倍。例如，將512×512像素的圖像放大至1024×1024像素，提升圖像細節和清晰度。
- 多樣化的AI功能：Amuse 2.0提供了繪畫和草圖圖像轉換、可自定義AI濾鏡，以及基於ONNX的多階段管線等功能，滿足不同創作需求。
- 「容易模式」（Ez Mode）：即使用戶沒有專業的AI知識，也能透過此模式輕鬆上手，享受AI創作的樂趣。
硬體支援：
Amuse 2.0的推薦配置包括：
- 配備24GB或以上記憶體的Ryzen AI 300系列處理器。
- 配備32GB記憶體的Ryzen 8040系列處理器（需更新至最新的OEM MCDM和NPU驅動）。
- Radeon RX 7000系列顯示卡。
目前只有Ryzen AI 300系列和更新驅動後的Ryzen 8000系列處理器支援AMD XDNA超分辨率技術。
安裝與使用：
到官網去下載 Amuse 2.0為單一可執行(EXE)檔案，無需額外的相依性，安裝過程簡單。首次啟動時，系統會自動偵測硬體配置，並自動設定最佳化參數。建議初次使用者選擇「平衡」設定，以在性能和品質之間取得良好平衡。
by rainchu | 12 月 27, 2024 | AI, 人臉辨識, 圖型處理, 繪圖
MBG-2-Studio 是一款基於 BRIA-RMBG-2.0 模型開發的開源應用程式，專門用於高效地移除和替換圖像背景，提供了背景移除、圖像合成、顏色分級和批次處理，可以用於電子商務、廣告製作、遊戲開發等多種場景。
主要功能：
- 背景移除：利用先進的 AI 技術，精確分離前景與背景，達到高精度的背景去除效果。
- 拖放圖庫：用戶可以直接從圖庫中拖放處理後的圖像，進行背景替換和顏色調整。
- 圖像合成：將處理後的圖像放置在新的背景上，並進行位置和大小的調整，以實現自然的合成效果。
- 顏色分級：調整圖像的亮度、對比度、飽和度、色溫和色調，提升圖像質量。
- 批次處理：一次性處理多張圖像，提高工作效率，適合需要大量處理的用戶。
- URL 支援：直接從 URL 加載圖像進行處理，方便處理線上圖片。
使用指南：
使用 node js 安裝
- 安裝：從 GitHub 頁面下載最新版本的安裝包，解壓後運行
install.js 進行安裝。
- 啟動：安裝完成後，運行
start.js 啟動應用程式。
- 背景移除：在「背景移除」標籤下，將需要處理的圖像拖放到指定區域，應用程式會自動進行背景移除。
- 圖像合成：在「合成工作區」標籤下，從圖庫中拖放處理後的圖像到合成區域，調整位置和大小，選擇新的背景，並使用顏色分級工具進行調整。
使用 pip 安裝
- 安裝：到 app 目錄下，執行 pip install -r requirements.txt
- 啟動：執行 app\app.py
相關資源：
GitHub 頁面
by rainchu | 11 月 19, 2024 | 圖型處理, 繪圖
img.ly 是一個專為設計、影像編輯和整合工具需求而打造的平台，有支援RD的各種SDK和API，能幫助用戶輕鬆創建高品質的影像內容，並支援各種應用場景的開發需求
什麼是 img.ly？
img.ly 是一家專注於設計與影像編輯解決方案的科技公司，他們提供 API 和 SDK 服務，協助 RD 們將影像編輯功能直接整合到自己的應用程式或網站中。無論是建立圖片編輯器、社群媒體應用、行動遊戲，甚至是專業設計軟體。
其主要產品包括：
- PhotoEditor SDK：功能強大的照片編輯工具，支援剪裁、濾鏡、文字覆蓋、筆刷、調整顏色等多種影像處理功能。
- VideoEditor SDK：讓開發者為用戶提供簡單易用的影片編輯功能，包括剪輯、特效、濾鏡、文字添加等。
- Design Editor：一個強大的設計平台，類似 Canva，幫助用戶快速製作出海報、名片、社群圖片等設計。
img.ly 的特色功能
- 高度可客製化
- 開發者可以根據需求調整編輯工具的外觀和功能，例如自訂顏色主題、添加專屬素材庫，甚至修改界面布局，讓用戶體驗更符合品牌形象。
- 跨平台支援
- img.ly 的 SDK 支援多種開發環境，包括 Web、iOS 和 Android，並與主流框架如 React、Angular、Vue.js 相容，實現無縫整合。
- AI 智能編輯
- img.ly 結合了人工智慧技術，能夠自動識別影像內容並提供智能建議，例如背景移除、自動調整濾鏡效果等，節省用戶的操作時間。
- 專業級性能
- SDK 以高效的設計為基礎，能快速處理大型影像文件且不損失品質，適合需要精細控制的專業級設計需求。
- 商業授權與支援
- img.ly 提供靈活的商業授權模式，適合各種規模的企業。客戶還可獲得專業的技術支援，確保產品整合順利進行。
適用的應用場景
img.ly 的工具應用於：
- 列印功能：支援進階的列印功能選項，像我最近的專案就需要控制進階列印選項，像是控制列印邊界，調整大小等
- 社交媒體平台：用戶可以在應用內編輯照片和影片，創造吸引人的內容。
- 電商平台：提供商品圖片快速修飾或廣告素材製作工具。
- 教育領域：幫助學生進行多媒體創作，激發創造力。
- 遊戲開發：嵌入角色設計或遊戲場景編輯功能。
相關資訊
近期留言