Hey designers, new tools pop up all the time, but only a few really stand out. This month, I’ve come across some incredible UI/UX tools that can boost your workflow, save you time, and take your designs to the next level. Whether you’re into motion animations, wire framing, or even experimenting with AR, these tools have something for everyone. Let’s dive in and explore the 9 must-try tools for designers!

9 New UI/UX Tools List

LottieLabs: Animate Like a Pro

Calling all motion design lovers! LottieLabs is a beta tool built for animating icons, illustrations, and interactions in UI designs. Got a cool icon in Figma? Import it and let LottieLabs work its magic. With a sleek key frame animation interface, you can create stunning, interactive designs without jumping between tools.

Key Features:

• Import assets directly from Figma for seamless animation.
• Pre-built animation assets and customization options.
• Keyframe animation interface for detailed control.
• Built-in design tool—no need for external apps.
• Export animations in Lottie format for developer handoff.

Motif AI: Figma’s New Challenger

Meet Motif AI, the new kid on the block competing with Figma. Motif doesn’t just offer a familiar design interface; it brings AI-powered magic to speed up your workflow. You can generate entire UI screens or transform existing designs into full-fledged systems, with AI doing the heavy lifting.

Key Features:

• AI Magic Box generates UI assets instantly.
• AI-driven UI generator for creating multi-screen designs.
• Auto-converts your designs into a structured design system.
• AI repeater function fills in repetitive content automatically.
• Affordable pricing compared to Figma, with similar features.

Shapes XR: Designing in AR/VR (Yes, Really!)

Shapes XR is the go-to tool for AR/VR designers, especially with its Figma plugin. It lets you take your Figma designs and bring them into augmented and virtual reality, creating interactive experiences without the need for a headset. Your designs sync instantly with AR/VR, making this tool a seamless solution for immersive experiences.

Key Features:

• Import designs from Figma and edit in AR/VR environments.
• Real-time sync with Figma, no manual updates needed.
• Compatible with both headsets and mobile devices.
• Create immersive AR/VR experiences from static designs.
• Supports collaboration within AR/VR design teams.

Font Interceptor: For Designers Who Love Fonts (Or Breaking the Rules)

Font Interceptor is a sneaky but powerful tool that allows you to detect and download fonts from any website. Whether it’s Twitter’s unique typeface or an obscure blog font you can’t identify, Font Interceptor helps you grab it for personal use. A designer’s dream, but tread carefully!

Key Features:

• Detects and downloads web fonts directly from websites.
• Supports various font formats, including web-optimized versions.
• Quick identification of unique, non-standard fonts.
• Instant font downloading with a single click.
• Integrates with Figma for easy use in your projects.

Web Interaction Gallery: The Pinterest for UI Animations

The Web Interaction Gallery is a designer’s playground. It’s a curated collection of the best web animations and interactions from around the world. Whether you’re looking for inspiration or want to explore new interaction techniques, this gallery is a treasure trove for UI/UX designers.

Key Features:

• Curated examples of advanced web animations and interactions.
• Categorized by animation types like pre-loaders, hovers, sliders, etc.
• Explore animations from both well-known and obscure websites.
• Organized for easy browsing and inspiration.
• Regularly updated with fresh interactions and trends.

Figma Curve Text: Finally, Curved Text for Your Designs

Figma’s plugin ecosystem just got a whole lot better with Figma Curve Text. This plugin allows you to curve text along any path you create, perfect for unique design elements or creative typography. It’s a simple but highly effective tool for graphic designers and web creators alike.

Key Features:

• Curve text along any path or shape inside Figma.
• Adjustable text size, degree of curvature, and fonts.
• Quick iteration on designs with an intuitive interface.
• Supports both design and development use cases.
• One of the most polished Figma plugins for typography.

Octopus.do: Free Website Wire framing on Steroids

Octopus.do is a robust wire framing and sitemap tool perfect for UX designers. Whether you’re mapping out a new website or creating wireframes, Octopus.do can handle it. With just a few prompts, it generates full site structures and lets you customize them in real-time. The free features are great, but if you upgrade you unlock even more power.

Key Features:

• AI-powered sitemap generation based on prompts.
• Real-time wireframe creation for mobile and web layouts.
• Full customization options for wire frame elements.
• Dark mode and light mode options for better visualization.
• Export wireframes for further design in other tools.

Free Faces: Typography Heaven

Free Faces is a beautifully designed font library that works like Google Fonts but with amore curated and aesthetic twist. It’s a must-visit for designers looking to elevate their typography game, offering a range of stylish fonts with detailed previews and usage info.

Key Features:

• A curated collection of beautiful fonts with high-quality previews.
• Full-screen displays showcasing fonts with different backgrounds.
• Detailed info on font styles, variable formats and licensing.
• Quick links to download fonts for personal or commercial use.
• Excellent for designers looking for unique typography inspiration.

Research by UNMS: A Notion Alternative for Designers

Research by UNMS is still in beta but shows immense promise as a Notion alternative specifically designed for creatives. It offers an open canvas for research and brain storming, making it ideal for designers, UX researchers, and anyone in the creative field who needs a visual space to organize ideas.

Key Features:

• Fully customizable canvas for research and brainstorming.
• Ideal for organizing creative projects, ideas and research material.
• Aesthetically pleasing with a sepia-toned background and color schemes.
• Features open canvas layout for free-flowing brain storming sessions.
• Designed specifically for creative teams and researchers.

Final Thought

There you have it! 9 game-changing tools that can seriously enhance your design workflow. Whether you’re creating interactive animations, experimenting with AR, or just looking for that perfect font, these tools offer something special for every designer. The best part? They’re easy to use and can save you tons of time. So go ahead, give them a try, and see how they can elevate your next project. Which one will you experiment with first? Let me know-happy designing!