Contra Wireframe Kit
A starter wireframe kit for quick design and prototyping your idea. Its library contains more than 150+ components and 50+ ready to use mobile screens. You can also create new components and screens easily with the help of its style guide.
Tutorial: How to Wireframe in Adobe XD.
Open the newly installed plugin, and select the Mockup option. In the plugin detail panel you'll see Elements and Templates. Elements allow you to add prebuilt wireframing elements into your design with a click. These are entirely editable elements in Adobe XD, and can be customized to your needs, but provide a great starting point if you're trying to articulate an idea quickly.
Case study: Wireframing
For this challenge I've chosen the most good looking app I know: 'The Dunkin' Donuts app'. It is so colorful and playful that I'd want to eat it. However this blog is not about an amazing looking interface. It's about the skeleton underneath the interface that makes or breaks the user experience.
Whimsical - Where Great Ideas Take Shape
Whimsical is the visual workspace for thinking and collaboration, combining flowcharts, wireframes, sticky notes, mind maps and docs. Crafted for speed and clarity.