鏈接：.io/-tools/no-code--tools/

不會寫代碼的設計師怎么實現(xiàn)功能呢？ 找到合適的工具，完全不需要編碼知識！ 所以，在最新一期的.io最新設計工具合集中，很多推薦的工具都是因此誕生的！ 快來看看吧！

代碼設計工具

1. React 指南→

.com/books/-guide-to-react/?ref=

近年來，React 已成為小型 Web 應用程序最常用的框架。 在最新版本中，增加了許多相應的功能，本手冊可以指導您了解相應的理論、語法和工具。

2.→

.io/?ref=

這是一個基于瀏覽器的設計工具，可以協(xié)助生成 React 和 React 代碼。 它旨在彌合設計人員和開發(fā)人員之間的鴻溝，并將他們的工作內容集成在同一平臺上。

3.代碼→

.com/?ref=

使用這個工具，你可以將你設計好的文檔拖進去，直接導入對應的配色素材和Xcode可以使用的Swift代碼。

4..io→

.io/?ref=

無需任何編碼技能，您可以使用.io通過拖放直接生成相應的iOS應用程序。 無需任何編碼技能，即可使用現(xiàn)成的模塊構建完整的 iOS 應用程序。

5. →

.com/?ref=

是一種快速、可自定義的工具，可幫助您輕松創(chuàng)建美觀且響應迅速的網站。 這種構建工具的基礎是它可以保持不同部分的一致性。

6. →

.com/?ref=

這是一個很棒的設計編碼工具，一個React代碼庫生成器，可以幫助你輕松啟動一個React項目，整合素材，選擇模板，然后逐步構建整個代碼庫。

畫廊工具

1. 打開 →

.com/?ref=

Open 是一個免費的矢量插圖庫，其中所有涂鴉插圖均由 Pablo 創(chuàng)作。

2.→

.com/-?ref=

是一個免費的應用程序，可以直接在瀏覽器中制作矢量圖。

3. →

.rocks/?ref=

是一個非常棒的超高比特率背景圖像和矢量插圖畫廊，非常適合在網絡上使用，每周更新。

顏色匹配和圖像工具

1. 蘋果電腦→

culrs.app/?ref=

這個名為 的應用程序提供了一種更簡單、更快捷的配色方案選擇方式。 它存在于 Mac 的底部菜單中，您可以隨時使用快捷鍵 ?+E 觸發(fā)它。

2. 圖像色調 →

.com/?ref=

允許您從知名畫廊網站上的圖片中獲取配色方案。

3.→

./?參考=

.是一個“去中心化”的無服務器圖像壓縮工具。 它是一種使用類似區(qū)塊鏈機制的網絡服務。 它的功能也很簡單。 選擇圖像，選擇大小，然后壓縮。 . 很搞笑！

4.圖片 →

.com/?ref=

這是一個類似.io的AI圖像增強工具，可以用來放大圖像而不模糊它。

5.綻放→

.ai/?ref=

Bloom 是一款由 AI 驅動的照片編輯器，可讓您對面部進行精確而逼真的編輯。

設計素材合集

1. →

.com/?ref=

你沒看錯，它不是字體，雖然這是雙關語：字體是地獄。 設計師 Zack Roif 和 制作了這個網站來羞辱全世界的平面設計師，看看？

2. 移動圖標 →

.com/?ref=

這是一個可以用于UI設計的純矢量圖標庫，你可以選擇任何你喜歡的格式，甚至包括SVG、JSON和XML。

3. 牛奶圖標 →

.com/?ref=

中包含的圖標不僅僅是果汁，它包括 18 種不同類別的圖標，包括 、AI、SVG、PNG 等不同格式。

4.線→

.com/line-?ref=

這是 Icon8 團隊的另一款優(yōu)秀產品，是 Font 跨農場產品的免費替代品，它包含 1380 個不同的線性圖標！

原型制作

1. →

.io/?ref=

團隊將XD和Figma的所有插件都整理到了一個地方，大家可以直接看這個合集sketch 圖標庫插件，不用到處找。

2.書桌→

.com/en/-desk?ref=

這是一個面向初學者和專業(yè)人士的動畫程序，為您提供各種各樣的藝術組件，但您可以導入不同的格式。

?設計系統(tǒng)

1.for→

.com/--for-?ref=

這是一個面向UI開發(fā)者的設計系統(tǒng)sketch 圖標庫插件，你可以通過它的手冊來學習如何開發(fā)一個設計系統(tǒng)！

2.切片→

切片./?ref=

這是一個模塊化設計系統(tǒng)，可幫助您創(chuàng)建強大且更好的 UI。 Slice 包含 760 多個可與 Figma 一起使用的組件。

原型工具

1. →

.rocks/?ref=

這是一個簡單的數字設備模型生成器，您可以根據需要自定義屏幕尺寸、邊框直徑等。 它還可以幫助您實時預覽。

產品工具

1.菲格瑪 →

figma.com/c///-?ref=

這個 Figma 插件為您提供了一組預制模板，可以幫助您執(zhí)行不同的任務。 這個模板特別適合做產品管理，幫你設定不同的目標等等。

2. 推介（測試版）→

pitch.com/?ref=

Pitch 是一種新工具，可幫助您創(chuàng)建新產品展示。 低格式并不難，但它提供的協(xié)作功能非常強大，讓我們可以專注于提高效率。

3.2.0 →

.com/?ref=

2.0整合了Asana、Jira等不同任務管理工具的功能，通過跟蹤項目、目標、時間線來提升體驗。

協(xié)作和工作場所工具

1.菲格瑪→

figma.com/blog/-figma-/?ref=

Figma 社區(qū)是開發(fā)人員、設計師和其他用戶聯(lián)系和交流的地方，您可以在這里分享您的工作和討論問題。

2. →

.com/?ref=

它可以幫助你成為更好的自己。 只有這個反饋工具才能獲得同行的專業(yè)反饋，方便您提高技能。

如有侵權請聯(lián)系刪除！