什麼神仙操做？能讓imgcook生成代碼準確率100%!

imgcook.com 是個設計稿智能生成代碼平臺，能夠幫您自動生成高質量的前端代碼。

2020年天貓雙11 90.4% 前端模塊是由 imgcook 自動生成的！歡迎來體驗~

---

設計師給的設計稿圖層太混亂？

你知道 imgcook 插件有「合併」和 「成組」這兩種騷操做麼？

什麼？不知道？讓我來給你演示一通！

什麼是「成組」？

就是在 Sketch 插件中經過「成組」能夠指定生成代碼的嵌套結構

下面是我想要的嵌套結構

👇👇👇 將要放在一塊兒的圖層 選中、編組、成組

👇👇👇 生成的DOM樹 100% 符合您的預期

什麼是「合併」？

就是在 Sketch 插件中經過「合併」能夠將多個圖層合併成一張圖片

這個功能你確定用獲得！

好比將多個圖層組成的 ICON 合併成一張圖片

👇👇👇 將要放在一塊兒的圖層 選中、合併圖片

好比將多個圖層組成的 氛圍 合併成一張圖片

👇👇👇 將要放在一塊兒的圖層 選中、合併圖片

👇👇👇 將要放在一塊兒的圖層 選中、合併圖片

組合拳「合併」 + 「成組」

👇👇👇 「合併」 + 「成組」 一塊兒用

👇👇👇 能夠生成 100% 準確的代碼

👇👇👇 查看生成的代碼

你，學廢了嗎？

😇 😇 😇

學廢了就來用 imgcook.com 幫您自動生成代碼吧~~ 讓您告別簡單重複又繁雜的工做~

PS：

imgcook 支持自動合併和成組 不用人工「合併」 + 「成組」 操做 也能自動生成可維護性較高的代碼哦~

若是你的設計稿特別混亂，能夠用這倆操做試試。

咱們一直在努力提高生成代碼可維護性。 若是您有建議，歡迎來咱們的用戶羣反饋。