iT邦幫忙

2025 iThome 鐵人賽

DAY 7
0

昨天講到了下提示詞以及生成頁面,那這個是我自己下的提示詞所生成的頁面。

https://ithelp.ithome.com.tw/upload/images/20250921/20168629rNvKWoy5KE.png

那今天就來介紹stitch另一個很重要的功能,在於專案網頁開發的時候有一個最重要的工具是Figma。

Figma 是什麽?

Figma是一個功能強大的協作設計工具,專為團隊而構建。它運行在網頁瀏覽器中,使得任何擁有互聯網連接的人都能夠訪問和編輯設計文件,無需安裝特定軟件。這種基於雲端的特性使得Figma成為第一個真正實現跨平台協作的設計工具,支持Windows、Mac、Linux甚至Chromebook等各種操作系統。

主要功能特點

https://ithelp.ithome.com.tw/upload/images/20250921/20168629gimpRTADkf.png

回到正題,figma是網頁設計一個很重要的工具,而怎麽匯出figma呢?

當你點擊一個他所產生的頁面時再點擊三個小點按鈕之後出現copy figma,就像以下圖片一樣,這樣就可以複製到figma啦~

https://ithelp.ithome.com.tw/upload/images/20250921/20168629tNqykBHWps.png

但值得一提的是stitch有一個缺點是當你設計了好幾個頁面后,他是無法一次選擇全部複製貼上進figma,也就是說如果你設計了多少個頁面就要複製多少次進figma,這個是我覺得蠻雞勒的缺點,畢竟比較不方便。

而這是我貼完之後的畫面啦~

https://ithelp.ithome.com.tw/upload/images/20250921/20168629Srncs6b9Gy.png

先預告一下,在明天會開始說experimental 模式喲~


上一篇
day 6
系列文
玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發7
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言