不會寫代碼的設(shè)計(jì)師要如何實(shí)現(xiàn)功能？找到對的工具，壓根不需要代碼知識！所以，在這最新一期的 Prototypr.io 最新設(shè)計(jì)工具大合集當(dāng)中，所推薦的不少工具就是為此而生的！快來看看吧！
1.?Framer Guide to React →
近年來，React 已經(jīng)成為了大型 Web 應(yīng)用中最常用到的 JavaScript 框架。在最新的版本當(dāng)中，F(xiàn)ramer 添加了許多相應(yīng)的功能，而這份指南能帶你了解相應(yīng)的理論、語法和工具。
2.?BuilderX →
這是一個(gè)基于瀏覽器的設(shè)計(jì)工具，可以協(xié)助生成 React Native 和 React 代碼。BuilderX 致力于彌合設(shè)計(jì)師和開發(fā)者之間的鴻溝，將他們的工作內(nèi)容整合到同一個(gè)平臺上。
3.?Sketch to Code →
借助這個(gè)工具，你可以將你所設(shè)計(jì)的 Sketch 文檔拖進(jìn)去，就能直接導(dǎo)出相應(yīng)的配色素材和可供 Xcode 使用的 Swift 代碼。
4.?Kodika.io →
無需任何代碼技能，你可以借助 Kodika.io 通過托拽就能夠直接生成相應(yīng)的 iOS 應(yīng)用。無需任何代碼技能，就可以使用成型的模塊構(gòu)建完整的 iOS 應(yīng)用。
5.?Material Builder →
Material Builder 是一個(gè)快速的、可以自定義的工具，幫你輕松創(chuàng)建美觀且響應(yīng)迅速的網(wǎng)站。這款搭建工具的基礎(chǔ)是 Bootstrap，可以保持不同部分的一致性。
6.?Divjoy →
這是一個(gè)很棒的設(shè)計(jì)類編碼工具，Divjoy 是一個(gè) React 代碼庫生成器，可以幫你輕松啟動(dòng) React 項(xiàng)目，整合素材，選取模板，然后逐步完善整個(gè)代碼庫。
1.?Open Doodles →
Open Doodles 是一個(gè)免費(fèi)的矢量插畫庫，其中所有的涂鴉插畫都是由 Pablo Stanley 所創(chuàng)建。
2.?Vector Illustration Creator →
Vector Illustration Creator 是一個(gè)免費(fèi)的應(yīng)用，可以在瀏覽器當(dāng)中直接制作矢量插畫。
3.?Freellustrations?→
Freellustrations 是一個(gè)超棒的圖庫，其中包含超高分辨率的背景圖像和矢量插畫，它非常適合在網(wǎng)頁中使用，每周更新。
1.?Culrs Mac →
這款名為 Curls Mac 的應(yīng)用提供了一種更為簡便快捷的選擇配色方案的方法，它存在于Mac的頂部菜單當(dāng)中，你隨時(shí)可以使用 ?+E 這個(gè)快捷鍵去觸發(fā)它。
2.?Image Hues →
ImageHues 讓你可以從著名的圖庫網(wǎng)站 Unspalsh 的圖片當(dāng)中獲取配色方案。
3.?Compress Studio →
Compress.Studio 是一款「去中心化」的無服務(wù)器圖像壓縮工具，它是使用類似區(qū)塊鏈的機(jī)制存在的網(wǎng)絡(luò)服務(wù)，它的功能也很簡單，選擇圖像，選擇大小，然后壓縮就行了。很有趣！
4.?Upscale Pics →
這是一款類似 Letsenhance.io 這樣的 AI 增強(qiáng)圖片的工具，它可以用來放大圖片而不至于模糊。
5.?Bloom →
Bloom 是一款 AI 驅(qū)動(dòng)的圖片編輯器，它讓你可以對面孔進(jìn)行精確而逼真的編輯。
1.?Hellvetica →
你沒看錯(cuò)，這并非是 Helvetica 字體，Hellvetica 其實(shí)是一個(gè)雙關(guān)語：字體即地獄。設(shè)計(jì)師 Zack Roif 和 Matthew Woodward 制作的這個(gè)網(wǎng)站其實(shí)是想激怒全球的平面設(shè)計(jì)師，來瞅瞅？
2.?Movin Icons →
這是一個(gè)純粹的的矢量圖標(biāo)庫，可以用于 UI 設(shè)計(jì)，你可以選取任何你喜歡的格式，甚至包括 SVG、JSON 和 XML。
3.?Milk Icons →
Milk Icons 所包含的圖標(biāo)并不只是牛奶，其中涵蓋了18個(gè)不同的類別的圖標(biāo)，包含 Sketch、AI、SVG、PNG 等不同格式。
4.?Line Awesome →
它是 Icon8 團(tuán)隊(duì)推出的另一優(yōu)秀產(chǎn)品，是 Font Awesome 這跨農(nóng)產(chǎn)品的免費(fèi)替代品，其中包含 1380 個(gè)不同的線性圖標(biāo)！
1.?Awesome Design Plugins →
The Flawless App 團(tuán)隊(duì)將所有的適用于 Sketch、XD 和 Figma的插件組織到了一起，你直接看這個(gè)合集，不用四處找了。
2.?Animation Desk →
這是一個(gè)面向初學(xué)者和專業(yè)人士的動(dòng)畫程序，為你提供各種各樣的藝術(shù)組件，并且你能導(dǎo)出為不同的格式。
1.?Design Systems for Developers →
這是一套針對 UI 開發(fā)者的設(shè)計(jì)系統(tǒng)，你可以借助它的 Storybook 指南，學(xué)習(xí)如何開發(fā)設(shè)計(jì)系統(tǒng)！
2.?Slice Design System →
這是一套模塊化的設(shè)計(jì)系統(tǒng)，可以幫你創(chuàng)建功能強(qiáng)大且更好的UI。Slice 包含有 760 多種可與 Sketch 和 Figma 一起使用的組件。
1.?Dropshot →
這是一個(gè)簡單的數(shù)碼設(shè)備模型生成器，你可以按照需求來定制，從屏幕尺寸到邊框半徑等等。Dropshot 還可以幫你實(shí)時(shí)預(yù)覽。
1.?Figma Product Planner →
這款 Figma 插件為你提供一組預(yù)制的模板，可以幫你執(zhí)行不同的任務(wù)，這些模板非常適合進(jìn)行產(chǎn)品管理，幫你設(shè)置不同的目標(biāo)等等。
2.?Pitch (beta) →
Pitch 是一款可以幫你創(chuàng)建新產(chǎn)品展示的新工具。格式化并不難，而且它提供的協(xié)作功能很強(qiáng)大，能夠切實(shí)地提高效率。
3.?ClickUp 2.0 →
ClickUp 2.0 幾何了不同的任務(wù)管理工具的功能，比如 Asana、Jira、Notion 等，通過跟蹤項(xiàng)目、目標(biāo)、時(shí)間線來提升體驗(yàn)。
1.?Figma Community →
Figma 社區(qū)是開發(fā)者、設(shè)計(jì)師和其他用戶一同聯(lián)系溝通的地方，你可以在這里分享作品，討論問題。
2.?Matter →
Matter 能夠幫你成為更好的自己，這款反饋類的工具能夠獲取同行的專業(yè)反饋，以便幫你提高技能。
作者: Sofia
編輯: Graeme
編譯：陳子木
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計(jì)師平臺，提供獎(jiǎng)品贊助 聯(lián)系我們
品牌形象設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 726 位幸運(yùn)星
發(fā)表評論 為下方 5 條評論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓