From nice looking website and mobile screenshots to artboards and landing page designs – all these tasks can be super hard and time consuming for non-designers and beginners. Below is the list of online design tools, services, and resources that will make your life easier and will help you create professional-looking visuals for your website, presentations, and social media without spending too much time and money.
Showcasing your work
Working on UIs, but you’re not a graphic designer? Don’t have time and money for a custom created examples of your work? Need to quickly put up a portfolio or a demo? These tools below will help you quickly and effortlessly create high-quality mockups, screenshot, and templates of your projects.
Screenshots, templates, and mockups:
- https://threed.io/
- https://www.screely.com/
- https://www.rotato.xyz/
- https://placeit.net/
- https://artboard.studio/
- https://cleanmock.com/
- http://ami.responsivedesign.is/
- https://www.canva.com/
- https://smartmockups.com/
- https://mockuuups.studio/
- https://themockup.club/
- https://mrmockup.com/
- https://www.pixelsurplus.com/free-goods
Imagery and graphics
Below is a list of free or very inexpensive resources you can use to get high quality graphics for your designs. From icons, to high quality photos, to complex customizable illustrations. This is an amazing source of visuals for any project.
Free stock photos:
- https://unsplash.com/
- https://stocksnap.io/
- https://pixabay.com/
- https://www.pexels.com/
- https://picography.co/
- https://focastock.com/
- https://picjumbo.com/
- https://www.reshot.com/
- https://www.freepik.com/
- https://freestocks.org/
Free illustrations:
- https://undraw.co/illustrations
- https://www.drawkit.io/free
- https://www.manypixels.co/gallery/
- https://icons8.com/ouch/
- https://www.humaaans.com/
- https://www.opendoodles.com/
- https://iradesign.io/
Free icons:
- https://iconmonstr.com/
- https://www.flaticon.com/
- https://icons8.com/icons
- https://www.behance.net/search/projects/?sort=appreciations&time=week&search=free%20icons
- https://dribbble.com/search/free%20icons
- https://www.oxygenna.com/freebies
- https://www.iconfinder.com/free_icons
- https://www.iconshock.com/free-icons/
- https://pngtree.com/so/icon
- https://material.io/resources/icons/?style=baseline
- https://webkul.github.io/vivid/cheatsheet.html
- https://www.humaaans.com/
- https://iradesign.io/
- https://www.freepik.com/free-vectors/illustrations
- https://www.opendoodles.com/
- https://webkul.github.io/vivid/
Design tools and resources for website creation
These tools will help you quickly create low and high fidelity wireframes, flowcharts, prototypes as well as full complex design for websites and applications. There’s a bit of the learning curve here, but they’re all pretty user-friendly, available online, and optimized for collaboration, which is always a big plus when working on complex projects.
Wireframing, planning, prototyping:
- https://www.mockflow.com/
- https://gomockingbird.com/home
- https://www.gliffy.com/
- https://pidoco.com/en
- https://jumpchart.com/
- https://wireframe.cc/
- http://framebox.org/
- https://www.lucidchart.com/pages/
- https://moqups.com/
- https://miro.com/
- https://www.protopie.io/
Website design and mockups:
- https://www.sketch.com/
- https://www.figma.com/
- https://www.invisionapp.com/studio
- https://webflow.com/
- https://www.adobe.com/products/xd.html
- https://origami.design/