avatar-avatar
胡語居士
發佈於AI實驗室
更新 發佈閱讀 1 分鐘
src
src

今天用Claude Design在生圖時,發現下載的圖檔,字體(含粗細)、間距會跑掉。
跟Claude來來回回修改了8次才成功,
這週的design token上限也成功一口氣燒完了。(默)


根本原因是Claude Design在設計階段似乎都是先以html(網頁)工作,
定案後才會將html的圖轉換成使用者要的格式。
但把網頁元素存成圖片時,
原本的Google Fonts 的字型會消失、自動換成系統字型。
Claude中途試著用「畫的」產字,但因此所有間距設定就跑掉了。
最後成功的解法是:先把字型檔抓下來嵌入網頁裡。

我把這個解法寫成.md檔並放在Github上,歡迎取用,或許能省一點Claude試錯的token。
使用方法:下載這個.md檔,並於Claude Design開一個新專案時手動餵給他。
(複製.md檔的全文貼在對話框也可以)

avatar-img
加入討論
avatar-avatar
胡語居士
發佈於AI實驗室
更新 發佈閱讀 1 分鐘
src
src

今天用Claude Design在生圖時,發現下載的圖檔,字體(含粗細)、間距會跑掉。
跟Claude來來回回修改了8次才成功,
這週的design token上限也成功一口氣燒完了。(默)


根本原因是Claude Design在設計階段似乎都是先以html(網頁)工作,
定案後才會將html的圖轉換成使用者要的格式。
但把網頁元素存成圖片時,
原本的Google Fonts 的字型會消失、自動換成系統字型。
Claude中途試著用「畫的」產字,但因此所有間距設定就跑掉了。
最後成功的解法是:先把字型檔抓下來嵌入網頁裡。

我把這個解法寫成.md檔並放在Github上,歡迎取用,或許能省一點Claude試錯的token。
使用方法:下載這個.md檔,並於Claude Design開一個新專案時手動餵給他。
(複製.md檔的全文貼在對話框也可以)

avatar-img
加入討論