PH400+ Design Tools/Sites | Part 4
Table of Contents
Part 1
- Accessibility Tools
- Animation Tools
- Augmented Reality
- Collaboration Tools
- Color Picker Tools
- Design Feedback Tools
Part 2
- Design Handoff Tools
- Design Inspiration
- Design System Tools
- Design to Code Tools
- Design Version Control
- Development Tools
Part 3
- Experience Monitoring
- Font Tools
- Gradient Tools
- Icons Tools
- Illustrations
- Information Architecture
- Logo Design
Part 4
- Mockup Tools
- No Code Tools
- Pixel Art Tools
- Prototyping Tools
- Screenshot Software
- Sketching Tools
- SMM Design Tools
Part 5
- Sound Design
- Stock Photos Tools
- Stock Videos
- Tools for Learning Design
- UI Design Tools
- User Flow Tools
- User Research Tools
- Visual Debugging Tools
- Wireframing Tools
- 3D Modeling Software
Logo Design
A logo is the starting point of your brand identity. It reflects the product mission, functionality and brand message. Ideally, the logo creates a strong connection between your product and the users. Logo design is an art, as well as many other design disciplines. With the right logo design tools, this art can be done right a bit faster.
- You do not have permission to view the full content of this post. Log in or register now. — a large collection of vector icons and shapes help you design custom logos easily.
- You do not have permission to view the full content of this post. Log in or register now. — create stunning professional logos in seconds.
- You do not have permission to view the full content of this post. Log in or register now. — choose from a gallery of vector format logo templates, categorized by industry. Edit the graphics and texts of your template, then download it.
- You do not have permission to view the full content of this post. Log in or register now. — offers affordable professional custom logo design and brand design services.
- You do not have permission to view the full content of this post. Log in or register now. — uses artificial intelligence to instantly generate unique logo ideas for your business.
- You do not have permission to view the full content of this post. Log in or register now. — put your logo to the test with automated visual experiments.
- You do not have permission to view the full content of this post. Log in or register now. — allows you to make a free logo within seconds. Start with a blank canvas, add text and an icon, and then customize.
- You do not have permission to view the full content of this post. Log in or register now. by Designhill — generate 1000s of unique logos in only few minutes, without design expertise.
- You do not have permission to view the full content of this post. Log in or register now. — design a logo for free, choose from hundreds of fonts and icons, then save a logo on the computer.
- You do not have permission to view the full content of this post. Log in or register now. — choose from 600 custom logo designs from creative designers worldwide.
- You do not have permission to view the full content of this post. Log in or register now. — export and package dozens of logo variations and file types for your clients automatically in under 5 minutes.
- You do not have permission to view the full content of this post. Log in or register now. — upload your logo to see how it rates on a number of objective measures.
- You do not have permission to view the full content of this post. Log in or register now. — create a logo with a simple and affordable tool backed by professional designers.
Mockup Tools
A mockup is a visual way of representing the product. While a wireframe mostly represents a product’s structure, a mockup shows how the product is going to look like. These mockup tools that help you create and collaborate on mockups, wireframes, diagrams, and prototypes:
- You do not have permission to view the full content of this post. Log in or register now. — online graphic design application mainly focused on product mockups.
- You do not have permission to view the full content of this post. Log in or register now. — create stunning mockups using the latest device frames like iPhone & custom backgrounds.
- You do not have permission to view the full content of this post. Log in or register now. — free and premium high-quality digital products that make your work faster and easier.
- You do not have permission to view the full content of this post. Log in or register now. — a tool that helps you create beautiful device mockups with the screenshot of your website or mobile application, for free.
- You do not have permission to view the full content of this post. Log in or register now. — images and Sketch files of popular devices.
- You do not have permission to view the full content of this post. Log in or register now. — device mockup generator for your website and app screenshots.
- You do not have permission to view the full content of this post. Log in or register now. — Frrames mockups is perfectly crafted responsive windows mockups for your ideal presentation.
- You do not have permission to view the full content of this post. Log in or register now. — free and premium mockups, UI/UX tools, scene creators for busy designers.
- You do not have permission to view the full content of this post. Log in or register now. — create impressive product mockups in seconds.
- You do not have permission to view the full content of this post. Log in or register now. — the quickest way to brainstorm user interface ideas.
- You do not have permission to view the full content of this post. Log in or register now. — tons of free and legal, fully layered, easily customizable photo realistic PSDs.
- You do not have permission to view the full content of this post. Log in or register now. — free design resources, PSD files for graphic and web designers.
- You do not have permission to view the full content of this post. Log in or register now. — drag-and-drop tool for creating beautiful app previews or any marketing materials.
- You do not have permission to view the full content of this post. Log in or register now. — instantly create mockups by adding a device frame to your videos.
- You do not have permission to view the full content of this post. Log in or register now. — helps you create and collaborate in real-time on wireframes, mockups, diagrams and prototypes.
- You do not have permission to view the full content of this post. Log in or register now. — high-quality mockups for Photoshop that make your designs stand out.
- You do not have permission to view the full content of this post. Log in or register now. — record your prototype & app with device frame overlay. -
- You do not have permission to view the full content of this post. Log in or register now. — free and premium high-quality resources for web designers and developers.
- You do not have permission to view the full content of this post. Log in or register now. — carefully crafted Apple and Android mockups for Sketch and Photoshop.
- You do not have permission to view the full content of this post. Log in or register now. — animated 3D mockups for your app designs. -
- You do not have permission to view the full content of this post. Log in or register now. — create realistic mockups and customized brand designs online.
- You do not have permission to view the full content of this post. Log in or register now. — quickly frame web page designs into a minimalist browser window.
- You do not have permission to view the full content of this post. Log in or register now. — 3D devices videos for motion designer.
- You do not have permission to view the full content of this post. Log in or register now. — instantly transform your pictures and screenshots into beautiful mockups ready to be shared on social media.
- You do not have permission to view the full content of this post. Log in or register now. — use this app to insert a bunch of images to a keynote file, using the mockup you choose.
- You do not have permission to view the full content of this post. Log in or register now. — create stunning product mockups with just a few clicks.
- You do not have permission to view the full content of this post. Log in or register now. — create beautiful device mockup presentation for your digital app and website design.
- You do not have permission to view the full content of this post. Log in or register now. — a directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.
- You do not have permission to view the full content of this post. Log in or register now. — generate custom 3D Device Mockups in your Browser.
- You do not have permission to view the full content of this post. Log in or register now. — 200+ free handpicked design resources for Sketch, Figma, Adobe XD, InVision Studio, Photoshop, Illustrator CC.
- You do not have permission to view the full content of this post. Log in or register now. — epic design freebies to get you started.
- You do not have permission to view the full content of this post. Log in or register now. — free collection of presentation Mockups for Sketch, Figma & Photoshop.
No Code Tools
With a rise of “no code tools”, everyone with a laptop can build and launch a project. These tools help designers and makers create websites, apps, and even games. No code tools allow to automate routine tasks and can be used without a development background. Take a look at the tools here and if you need more — check Design to Code section.
- You do not have permission to view the full content of this post. Log in or register now. — build and host web applications without having to write code or hire a team of engineers.
- You do not have permission to view the full content of this post. Log in or register now. — simple, free, fully responsive one-page sites for pretty much anything.
- You do not have permission to view the full content of this post. Log in or register now. — a new type of document that blends the flexibility of documents, the power of spreadsheets, and the utility of apps into a single new canvas.
- You do not have permission to view the full content of this post. Log in or register now. — build iOS apps with Kodika no code app builder for Mac & iPad, capable of creating powerful apps with Drag & Drop. -
- You do not have permission to view the full content of this post. Log in or register now. — a simple one-page website builder for quickly creating landing pages and online stores.
- You do not have permission to view the full content of this post. Log in or register now. — a free service to remove the background of any photo.
- You do not have permission to view the full content of this post. Log in or register now. — gives you building blocks and you can build tools much faster.
- You do not have permission to view the full content of this post. Log in or register now. — create an API from Google Sheets or Excel Online Spreadsheets, no coding required.
- You do not have permission to view the full content of this post. Log in or register now. — create a website from Google Sheets without writing code.
- You do not have permission to view the full content of this post. Log in or register now. — one platform with all the e-commerce and point of sale features you need to start, run, and grow your business.
- You do not have permission to view the full content of this post. Log in or register now. — a drag-and-drop tool for anyone to build native mobile apps.
- You do not have permission to view the full content of this post. Log in or register now. — create walkthroughs, checklists, hotspots, and modals to improve user onboarding.
Pixel Art Tools
Pixel art is a digital art form where color is applied to individual pixels to create an image. The pixel art can be used to create everything from intricate scenes and game backgrounds to character designs or emoji. If you feel curious to try, check this pixel art software for both macOS and Windows:
- You do not have permission to view the full content of this post. Log in or register now. — animated sprite editor & pixel art tool.
- You do not have permission to view the full content of this post. Log in or register now. — create pixel art programmatically. Includes DataPixels.js and Data Pixels Playground desktop app.
- You do not have permission to view the full content of this post. Log in or register now. — open-source and free web-based pixel art and GIF editor.
- You do not have permission to view the full content of this post. Log in or register now. — a bitmap paint program inspired by the Amiga programs Deluxe Paint and Brilliance. Specialized in 256-color drawing.
- You do not have permission to view the full content of this post. Log in or register now. — has many pixel-art specific features, including palette control, selectively erasing colors, and tools for quickly replacing and trying new colors.
- You do not have permission to view the full content of this post. Log in or register now. — a pixel-art editor built on ClojureScript and Om.
- You do not have permission to view the full content of this post. Log in or register now. — an open source and in-browser pixel art drawing tool.
- You do not have permission to view the full content of this post. Log in or register now. — online editor for animated sprites & pixel art.
- You do not have permission to view the full content of this post. Log in or register now. — pixel art animation and drawing web app powered by React.
- You do not have permission to view the full content of this post. Log in or register now. — a flat pixel art editor.
- You do not have permission to view the full content of this post. Log in or register now. — a pixel art editor designed to make it fun and easy to make tilesets, levels and animations.
Prototyping Tools
A prototype is a simple experimental design of a proposed solution. It should help to test ideas, design assumptions, and hypotheses in a fast and cheap way. Prototyping tools allow designers and clients to see how the product would function in the real world and collaborate on this solution. Many modern prototyping tools can use for wireframing, prototyping, and collaboration:
- You do not have permission to view the full content of this post. Log in or register now. — create living prototypes with code components. It’s also open source.
- You do not have permission to view the full content of this post. Log in or register now. — wireframing, prototyping, collaboration & specifications generation.
- You do not have permission to view the full content of this post. Log in or register now. — a complete set of cloud‑based tools to design and build your enterprise app.
- You do not have permission to view the full content of this post. Log in or register now. — prototyping, code exporting and built-in mobile app builder. -
- You do not have permission to view the full content of this post. Log in or register now. — prototype, animate and design in a single Mac app. -
- You do not have permission to view the full content of this post. Log in or register now. — prototyping, collaboration & workflow platform.
- You do not have permission to view the full content of this post. Log in or register now. — a Mac app for creating interactive and animated prototypes of app designs.
- You do not have permission to view the full content of this post. Log in or register now. — a tool to visually design realistic interactive prototypes. -
- You do not have permission to view the full content of this post. Log in or register now. — the built-in Mac app for creating presentations that can also be used for quick prototyping (see how Apple designers use it in the WWDC 2014 session “You do not have permission to view the full content of this post. Log in or register now.” to verify design concepts). -
- You do not have permission to view the full content of this post. Log in or register now. — visual tool and SDK to build mobile layouts and animations that translate into native iOS elements. -
- You do not have permission to view the full content of this post. Log in or register now. — the collaborative design platform. Wireframe, prototype, design online and create design specs in one place.
- You do not have permission to view the full content of this post. Log in or register now. — a tool for designers and developers that gives analytical results with actionable KPIs for your Invision prototypes.
- You do not have permission to view the full content of this post. Log in or register now. — a free tool for designing modern user interfaces. Quickly put together a prototype, run it on your iPhone or iPad, iterate on it, and export code snippets your engineers can use. -
- You do not have permission to view the full content of this post. Log in or register now. — prototyping tool with many built-in components that people can easily install and use to create mockups in popular desktop platforms.
- You do not have permission to view the full content of this post. Log in or register now. — makes it easy to design animated and interactive user interfaces. -
- You do not have permission to view the full content of this post. Log in or register now. — piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.
- You do not have permission to view the full content of this post. Log in or register now. — a tool to create fully-interactive high-fidelity prototypes that look and work exactly as your app should.
- You do not have permission to view the full content of this post. Log in or register now. — an easy to use and intuitive prototyping tool, promotes team collaboration.
- You do not have permission to view the full content of this post. Log in or register now. — transform wireframes into high-fidelity interactive prototypes, customize style systems, export to Sketch, export to HTML/CSS code.
- You do not have permission to view the full content of this post. Log in or register now. — a usability testing tool that allows importing prototypes from InVision, AdodeXD, Sketch, Marvel and getting users’ behavior insights with heatmaps, video recordings, user flows, time bars and answers of follow-up questions.
- You do not have permission to view the full content of this post. Log in or register now. — build prototypes that feel real, with powers of code components, logic, states, and design systems.
Screenshot Software
Taking screenshots is a typical task in the design & development workflow. So these free and full-featured screenshot apps can help you capture a screen with ease. Some screen captures are macOS only, while others support both OS:
- You do not have permission to view the full content of this post. Log in or register now. — a screen recorder that comes with a full-blown built-in editor.
- You do not have permission to view the full content of this post. Log in or register now. — capture your screen in a superior way with a built-in annotation tool and Quick Access Overlay. -
- You do not have permission to view the full content of this post. Log in or register now. — record videos, webcam, annotate screenshots, create GIFs.
- You do not have permission to view the full content of this post. Log in or register now. — take and collaborate on screenshots in real-time with your coworkers.
- You do not have permission to view the full content of this post. Log in or register now. — delightful GIF recording and sharing app. -
- You do not have permission to view the full content of this post. Log in or register now. — capture parts of your screen and export as gif or mp4. -
- You do not have permission to view the full content of this post. Log in or register now. — take a screenshot of a selected region, window or fullscreen.
- You do not have permission to view the full content of this post. Log in or register now. — open source screen recorder with options to export to GIF, MP4, WebM and APNG.-
- You do not have permission to view the full content of this post. Log in or register now. — taking quick captures of your screen.
- You do not have permission to view the full content of this post. Log in or register now. — create screenshots, annotate and upload them to the cloud.
- You do not have permission to view the full content of this post. Log in or register now. — open source software for video recording and live streaming.
- You do not have permission to view the full content of this post. Log in or register now. — a video player that you can use to record your screen. -
- You do not have permission to view the full content of this post. Log in or register now. — video editing and screen recording software for Mac. -
- You do not have permission to view the full content of this post. Log in or register now. — filter and search through images, change screenshot filetypes. -
- You do not have permission to view the full content of this post. Log in or register now. — create pixel-perfect full page website screenshots.
- You do not have permission to view the full content of this post. Log in or register now. — record a gif of part of the screen. Only available for Windows.
- You do not have permission to view the full content of this post. Log in or register now. — screen capture, file sharing, and productivity tool.
- You do not have permission to view the full content of this post. Log in or register now. — a menu bar app that helps you quickly find the screenshot you’re looking for so you can drag and drop it into any application. -
- You do not have permission to view the full content of this post. Log in or register now. — capture images and video, create GIFs, annotate, edit, and share.
- You do not have permission to view the full content of this post. Log in or register now. — Windows free screenshot tool.
- You do not have permission to view the full content of this post. Log in or register now. — takes quick shots and organizes them for you into collections. -
- You do not have permission to view the full content of this post. Log in or register now. — allows you to take screenshots of a selected area. -
Sketching Tools
Sometimes you need just a pencil and paper to start creating your app or website. So here are you can find online sketching tools with great sketch sheet templates to speed up your creative process:
- You do not have permission to view the full content of this post. Log in or register now. — offers responsive pre-design templates. These will automatically adapt their layout to any screen size and include neat features.
- You do not have permission to view the full content of this post. Log in or register now. — an open source project dedicated to providing free printable templates of the latest devices and platforms for wireframing designs.
- You do not have permission to view the full content of this post. Log in or register now. — print note taking grids and devices frames.
- You do not have permission to view the full content of this post. Log in or register now. — just choose any of the sketch sheets that fits your project, print it out and start to sketch your dream.
SMM Design Tools
Often marketing teams need well-design materials. It can be different banners, promo visuals, favicons, animations or just nice images for social platforms, like Twitter or Instagram. It this section we will keep adding tools for everyone to create marketing designs.
- Cαиνα — create stunning designs for work, life, and play—even if you’re not a design expert!
- You do not have permission to view the full content of this post. Log in or register now. — create own designs: posts, covers, graphics, and posters using the best software on the web.
- You do not have permission to view the full content of this post. Log in or register now. — design engaging images for your social media posts.
- You do not have permission to view the full content of this post. Log in or register now. — a free service to remove the background of any photo.
- You do not have permission to view the full content of this post. Log in or register now. — provides designers with the best sizes to use for image and video content on social media.
- You do not have permission to view the full content of this post. Log in or register now. — a graphic design tool that is all about creating social media images easily and quickly.
