截圖變代碼時先對齊設計意圖，不做像素級復刻

做什麼用

丟一張截圖，還原成有品味的代碼而不是像素堆：它優先還原設計意圖和層級關係，不死磕像素級復刻。難點在還原「設計意圖」而非像素級復刻，它在這個取捨上做得很聰明。

應用範圍

用在「做圖」這一格。正文講的是它自己先生成設計圖再照著實現，通篇沒寫怎麼讀你手上的截圖。環境必須能生圖，Codex 裡每段單獨出一張大圖，八段落地頁就是八張圖的錢。範圍只到落地頁、hero、作品集這類營銷頁。

如何使用

• 就按「截圖變代碼時先對齊設計意圖，不做像素級復刻」這一件來做，不要中途改風格。
• 把我手上這張按它的規矩重做，風格不許換。
• 只要成品，過程裡的解釋可以沒有。
• 做完對照應用範圍，越界的那一稿丟掉。

安裝