Get Wavy 🌊: SVG tools, Design Systems and Plugins of the Month
🏆 Tool of the month: Get Waves 🌊
This issue features 27 of the best new tools in August. That includes tool of the month Get Waves – a SVG generator that instantly gives you unique and colorful waves. And, to follow the current trend, their plugin version is now available for Figma!
So, here’s what we’ve got:
Create amazing prototypes and experiences with these 6 tools and plugins.
Interactive prototyping that works for both Mac and Windows.
The upgraded ProtoPie 4 includes:
- Realistic, customized microinteractions
- Reusable interaction components
- Sketch, Figma, and Adobe XD import
- macOS & Windows
- iOS & Android
Turn Adobe XD into production apps with Supernova V7. Check out everything new in this article from Supernova on our blog.
3. Dimension →
Want to use Figma on your iPad? Meet Dimension – an open-source plan to adapt fully-featured design tools like Figma from desktop to tablet.
A Figma plugin with simple controls to help you skew any shape.
A brand new Figma plugin, so you can easily replace your designs font families and styles.
Your prototyping workflow all within a single Mac app. Drama aims to reduce the need to switch between different design tools by helping you:
- Draw user interfaces
- Create interactive prototypes
- Make animations
🎒 Design Collections
These 4 libraries have all the resources you need to do your work. From inspiration to icons, images, articles and more.
1. Eagle →
Eagle helps you find the design assets that you need to create great work.
- Enhanced search,
- Better file organisation, and
- A huge variety of images, color palettes, and other formats
Designtarget gives you free design resources and weekly articles, so you can improve your workflow.
Add icons and other assets to your Adobe XD projects, using the new Icondrop plugin for XD. This plugin gives you access to over 1 million design resources. So, there’s plenty of fun expecting you.
Unsplash for Figma was one of the first ever Figma plugins, enabling you to insert beautiful images from Unsplash straight into your designs.
👌 Color & Illustration Libraries
An image speaks a thousand words. So, check out these color and illustration packs, and bring life to your projects.
Easily collect colors from the real world with Color Collect for iPhone and Android. Get color inspiration with your camera, from your photo library, and more!
A growing collection of drawings with a consistent playful style, for $2.50 each. There are drawings across a wide range of categories, and they’re downloadable as transparent PNG and vector files.
💎 Design Systems
A Design System is not a deliverable, but a set of deliverables. It will evolve constantly with the product, the tools and the new technologies.by Audrey Hacq in Everything you need to know about Design Systems
1. Cabana 3.0 →
The latest version of Cabana has been built from the ground up, like a brand new product. Cabana 3.0 is a “Design System Starter Kit” for Sketch that gives you all the components you’ll need to quickly create beautiful UIs for both Desktop and Mobile projects.
Toolabs Design System Manager has a brand new plugin for Adobe XD. This way, you can create themeable designs without having to duplicate your artboards.
We all know Zeroheight by their beautiful styleguides and design documentation. Now you can have them all in Adobe XD with this new plugin. Try it out!
At the intersection of design and code we have: two SVG editors and a source code to image convertor. Try them out!
1. Get Waves →
SVG Artista helps you animate
fill properties in SVG images, with plain CSS code. It supports
3. Codeimg.io →
An alternative to the popular carbon.now.sh, Codeimg.io helps you share and present your source code as an image which can be useful for articles and social media images.
👌 Mockup Tools
Have you ever tried AR in your mockups? Well, now’s the time.
1. Artyline →
Visualize and validate ideas in one click with this sketch-to-screen AR mobile converter. Artyline uses computer vision to recognize the elements you’ve sketched out, and converts them into a mockup on your smartphone in AR.
This mobile app by Enlight let’s you add animation to still photos. It’s currently available for both iOS and Android.
Find out how to improve your workflow with the following tools.
An innovative web browser. Space Browser organizes your tabs into spaces, making it easier to manage your history and restore entire sessions.
2. Focus →
A great plugin for Adobe XD and Sketch that helps improve your workflow.
Focus gives you the possibility to add in-context annotations to your designs. This way, your notes and feedback are right where they belong.
A free and open source design presentation and collaboration platform. Use it on the web, or even host it on your own server with their instructions on GitHub.
💻 Job Hunt
Finally, finding a job can be tough. So, here are some ways you can improve your skills, build up a portfolio, and find your dream role.
Practice logo design, UX, web design, graphic design and illustration. FakeClients generates random design briefs, so you can improve your design skills and build up your portfolio.
2. Boooom →
Boooom is a leading job board for design management and leadership opportunities. With hundreds of job offers from top companies in 25+ countries, Boooom’s mission is to connect great design leaders with high profile opportunities, in a hand-picked list of organizations.
That’s it for today. 👀 You have reached the bottom of the page. If you’re looking for more, browse the Prototypr Toolbox app, which contains over a year’s worth of tools.