1. Framer
Framer是基於JavaScript的開源軟件，主要用於交互式動效設計。它可以快速導入Photoshop和Sketch設計稿，實時預覽，並制作復雜的交互式原型或動效。
價格：個人-每月$ 15，小型團隊-每月$ 99
系統：Mac
優點：支持導入Sketch和Photoshop文件;Framer X商店提供大量的設計資源;可使用編碼知識進行創意設計(對具備編程知識的設計師友好)。
缺點：僅支持Mac系統;需要編碼知識(對初學者不友好);沒有標註工具，不支持直接交付標註信息給開發人員;導入的Sketch文件與位圖圖層不匹配;與主流工具缺乏協作性，導致大量重復工作。
2. iDoc
Mockplus iDoc是面向設計人員和開發人員的在線協作工具。除了為交互式原型提供豐富的動畫效果之外，設計人員還可以從PS，Adobe XD和Sketch中上傳原型和視覺設計，通過對應的工具插件自動生成標註、切圖信息，方便交付。
價格：個人版免費，團隊-$39/月，Team Pro-$129/月
系統：Mac, Windows
優點：支持Adobe XD，Sketch, Axure和Photoshop插件;多種UI動畫效果;可以在平臺內完成包括動效設置，原型設計和設計交付的完整工作流程;易於使用。
缺點：Adobe XD，Sketch, Axure和Photoshop上設置的動畫無法直接導入iDoc;在iPhone X上的預覽效果需要提升。
3. Motion UI
Motion UI是基於Sass的CSS過渡和動效設計庫。 這是壹個非常強大的UI動畫工具，為CSS文件提供20多種過渡和動畫效果。並且，如果是開源的CSS文件，妳還可以通過Motion UI構建自己的動效。
價格：免費
系統：Win, Mac
優點：支持系列動畫效果;用戶可以自定義7個維度的動畫;開源工具;提供了代碼教程。
缺點：不支持在IE瀏覽器中運行Motion UI;需要編碼知識。
以上就是關於UI動效設計工具的相關分享，希望對各位從事UI設計的小夥伴們有所幫助，想要了解更多UI設計相關內容，歡迎關註我們，小編將陪伴大家壹同成長。