PH400+ Design Tools/Sites | Part 2
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
Bookmark niyo na
Design Handoff Tools
Design handoff happens when designers finish the work and need to deliver designs to developers with all specs and assets. Design handoff tools allow to automatically generate style guide, comment on the design, inspect elements. These tools minimize guesswork and improve the effectiveness of the design process.
- You do not have permission to view the full content of this post. Log in or register now. — open designs without design tools. Export images without preparing layers. Click on layers to get code.
- You do not have permission to view the full content of this post. Log in or register now. — a tool to compare the expected design and the real app right inside iOS Simulator (useful for designers who use Xcode or mobile developers). -
- You do not have permission to view the full content of this post. Log in or register now. — prepare designs for development. Made by Invision.
- You do not have permission to view the full content of this post. Log in or register now. — Sketch redline plugin. Annotate distance and size of elements.
- You do not have permission to view the full content of this post. Log in or register now. — in the unfortunate event you’re designing UI in PS, AI, or ID this tool creates redline annotations.
- You do not have permission to view the full content of this post. Log in or register now. — automated specs and assets handoff from Sketch, Photoshop and Adobe XD. Integrated with Jira, Xcode and Android Studio.
- You do not have permission to view the full content of this post. Log in or register now. — handoff designs and style guides with accurate specs, assets, code snippets automatically.
Design Inspiration
The creative process can be tough. So if ideas don’t come to your mind right away, try to search for inspiration in the work of other designers. These design inspiration sites feature design patterns, user flows, email markups and creative solutions of popular companies and great products:
- You do not have permission to view the full content of this post. Log in or register now. — an online platform to showcase & discover creative work.
- You do not have permission to view the full content of this post. Log in or register now. — handpicked collection of web design & UI inspiration with code snippets.
- You do not have permission to view the full content of this post. Log in or register now. — a platform for your daily inspiration collected from Daily UI & beyond. Based on Dribbble shots, 14419 handpicked designs.
- You do not have permission to view the full content of this post. Log in or register now. — a curation of the most creative portfolios made by designers & developers.
- You do not have permission to view the full content of this post. Log in or register now. — a daily collection of the best products, apps, and inspirations for all creatives. -
- You do not have permission to view the full content of this post. Log in or register now. — an online community for showcasing user-made artwork. A great resource to get inspired by others work.
- You do not have permission to view the full content of this post. Log in or register now. — a font in use archive that will inspire you.
- You do not have permission to view the full content of this post. Log in or register now. — a community that aims to provide the best design resources for those who create for the web.
- You do not have permission to view the full content of this post. Log in or register now. — showcase great work from the bleeding edge of digital culture for, and with, the creative community.
- You do not have permission to view the full content of this post. Log in or register now. — an inspiration resource showcasing rocking websites made by people from all over the world.
- You do not have permission to view the full content of this post. Log in or register now. — landing page colletions & Free resources for designers.
- You do not have permission to view the full content of this post. Log in or register now. — landing page design inspiration from around the web. 1800+ landing page examples and updated daily.
- You do not have permission to view the full content of this post. Log in or register now. — a design inspirational library featuring finest UI UX Patterns (iOS and Android).
- You do not have permission to view the full content of this post. Log in or register now. — browse mobile design patterns for popular apps. Explore common user flows such as onboarding, account sign up and log in, core functionality, and more.
- You do not have permission to view the full content of this post. Log in or register now. — a collection of beautiful unique One Page websites for website design inspiration.
- You do not have permission to view the full content of this post. Log in or register now. — home for digital products crafted with passion to design.
- You do not have permission to view the full content of this post. Log in or register now. — user flow videos and screenshots to inspire you when you’re stuck. Discover mobile and web design patterns for over 160 different tasks.
- You do not have permission to view the full content of this post. Log in or register now. — design patterns for popular mobile apps.
- You do not have permission to view the full content of this post. Log in or register now. — 4,150+ handpicked email design.
- You do not have permission to view the full content of this post. Log in or register now. — screenshots, and examples of great UX from real mobile and web products. Discover the best UX examples—including onboarding tours and walkthroughs.
- You do not have permission to view the full content of this post. Log in or register now. — iscover the best landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.
- You do not have permission to view the full content of this post. Log in or register now. — a collection of the best landing pages with a focus on copywriting and design.
- You do not have permission to view the full content of this post. Log in or register now. — comics about a design team for a tech startup in Silicon Valley.
- You do not have permission to view the full content of this post. Log in or register now. — helps designers choose the perfect font combination for their next design project.
- You do not have permission to view the full content of this post. Log in or register now. — the one-stop shop for designers, developers, and marketers to find inspiration, tools and the best resources.
- You do not have permission to view the full content of this post. Log in or register now. — over 500+ interactions from the best designed and top-grossing apps on the App Store today.
- You do not have permission to view the full content of this post. Log in or register now. — weekly 15 min lessons on UI design from the hottest apps.
- You do not have permission to view the full content of this post. Log in or register now. — browse more than 400 user flows across 120 mobile apps. Examine tasks such as booking, logging in, onboarding, purchasing, searching, and more.
- You do not have permission to view the full content of this post. Log in or register now. — a design knowledge bank with thousands of artificially enriched examples of product and brand experience (examples of Mobile App, Landing pages, eCommerce, CX/UX Patterns).
- You do not have permission to view the full content of this post. Log in or register now. — over 1,200 carefully selected web sites that show web design trends between the years 1994 and 2006.
Design System Tools
I bet you heard about Design Systems, as it’s a pretty trendy topic. Design systems provide consistent, robust design patterns to keep design and development in sync. They are essentially collections of rules, constraints, and principles, implemented in design and code. Here you can find tools to build, maintain and organize your design system.
- You do not have permission to view the full content of this post. Log in or register now. — a Premium Design System for Sketch that helps you create amazing products faster than ever before.
- You do not have permission to view the full content of this post. Log in or register now. — a living style guide for digital products, combining design documentation with real live components.
- You do not have permission to view the full content of this post. Log in or register now. — Invision’s design system manager.
- You do not have permission to view the full content of this post. Log in or register now. — short for “Design System Kit” – a workbench for collaboratively creating Design Systems.
- You do not have permission to view the full content of this post. Log in or register now. — an open-source and customizable built on top of Bootstrap following the Atomic Design concept.
- You do not have permission to view the full content of this post. Log in or register now. — customizable design system, available for Sketch with Mobile and Web component libraries.
- You do not have permission to view the full content of this post. Log in or register now. — create graphical guidelines, patterns libraries, design systems.
- You do not have permission to view the full content of this post. Log in or register now. — connect design and engineering around a single source of truth. The tool is not publicly available yet (beta).
- You do not have permission to view the full content of this post. Log in or register now. — create a shared asset library with your entire team. -
- You do not have permission to view the full content of this post. Log in or register now. — tool for creating, managing and sharing a design system. From a simple component library through to detailed descriptions of your styles.
- You do not have permission to view the full content of this post. Log in or register now. — design, build, document and publish your design system—without writing code.
- You do not have permission to view the full content of this post. Log in or register now. — it includes device templates, charts, UI kit and even illustration kit. -
- You do not have permission to view the full content of this post. Log in or register now. — a tool to create, scale and maintain a design system.
- You do not have permission to view the full content of this post. Log in or register now. — an open-source tool for developing UI components in isolation for React, Vue, and Angular.
- You do not have permission to view the full content of this post. Log in or register now. — design System for Sketch-based on atomic elements.
- You do not have permission to view the full content of this post. Log in or register now. — design systems and components based design, prototype and development tool. It’s not public yet but you can apply to the early access.
- You do not have permission to view the full content of this post. Log in or register now. — style guides created by designers, extended by developers, and editable by everyone.
We can also add to this in Sketch, Figma, UXPin and Framer X (You do not have permission to view the full content of this post.
Log in or register now.).
Design to Code Tools
Everyone can learn development but it takes time and effort. If you need a website or an app right now and you don’t want to hire a developer, pay attention to the website builders. Such design to code tools will help you to make a portfolio, simple landing or an app pretty fast and beautiful.
- You do not have permission to view the full content of this post. Log in or register now. — a web app with a Sketch plugin that converts Sketch to HTML. -
- You do not have permission to view the full content of this post. Log in or register now. — a fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code. -
- You do not have permission to view the full content of this post. Log in or register now. — a powerful web design tool for creating responsive websites using the Bootstrap framework.
- You do not have permission to view the full content of this post. Log in or register now. — visually design and build mobile apps directly from your browser.
- You do not have permission to view the full content of this post. Log in or register now. — fantastic css+svg design tool, also it is converted into code as shown.
- You do not have permission to view the full content of this post. Log in or register now. — design your components, web projects and publish them instantly online, with an easy to use editor.
- You do not have permission to view the full content of this post. Log in or register now. — an offline drag and drop website builder software that is based on Bootstrap ¾ and \ AMP.
- You do not have permission to view the full content of this post. Log in or register now. — the fastest and most customizable website builder that allows anyone to create their ideal website.
- You do not have permission to view the full content of this post. Log in or register now. — vector drawing app that instantly converts drawings into Swift, Objective-C, JavaScript or Java code. -
- You do not have permission to view the full content of this post. Log in or register now. — a professional visual editor for CSS Grid, Bootstrap 4 and 3, Foundation, responsive design, HTML, and CSS.
- You do not have permission to view the full content of this post. Log in or register now. — a proper site build tool for developers and designers.
- You do not have permission to view the full content of this post. Log in or register now. — a visually-pleasing tool for designing on the web from landing pages to multimedia long-reads, presentations and portfolios.
- You do not have permission to view the full content of this post. Log in or register now. — the easiest way to make a real website, no code, no jargon. -
- You do not have permission to view the full content of this post. Log in or register now. — design from scratch, collaborate in real-time and publish websites.
- You do not have permission to view the full content of this post. Log in or register now. — import designs from Sketch and convert them into Android, iOS or React Native code.
- You do not have permission to view the full content of this post. Log in or register now. — create a website, landing page or online store for free with the help of Tilda modules and publish it on the same day.
- You do not have permission to view the full content of this post. Log in or register now. — the easiest and fullest-featured website builder, that allows you to create your own highly customized site.
- You do not have permission to view the full content of this post. Log in or register now. — build responsive websites in your browser, then host with us or export your code to host wherever.
Design Version Control
Developers actively use version control tools for a long time, probably since 2005 (Git first release). Using a version control system is a brainer for dev teams, while the design version control system appeared only recently. This market is rapidly developing and we expect to see even more in version control for designers:
- You do not have permission to view the full content of this post. Log in or register now. — a platform for design teams to version, manage and collaborate on Sketch files.
- You do not have permission to view the full content of this post. Log in or register now. — a simple version control system for design teams based on Git. -
- You do not have permission to view the full content of this post. Log in or register now. — design version control without changing your tools. Manage changes, document work and keep your team in sync. -
- You do not have permission to view the full content of this post. Log in or register now. — Mac app and Sketch plugin offering complete version control for designers and teams. -
- You do not have permission to view the full content of this post. Log in or register now. — Relay pushes your latest assets from Figma directly to your codebase (not released yet).
- You do not have permission to view the full content of this post. Log in or register now. — a version control tool for designers with visual diff, merge and conflict resolution. Works with GitHub, Bitbucket, GitLab and Azure DevOps.
Development Tools
This section mentions development tools and browsers. Development browsers have features that help developers and designers create and test websites and apps.
- You do not have permission to view the full content of this post. Log in or register now. — provides a development workspace to develop and test modern web applications twice faster.
- You do not have permission to view the full content of this post. Log in or register now. — developer edition of the Firefox browser.
- You do not have permission to view the full content of this post. Log in or register now. — an email campaign creation platform that, amongst other things, lets you see how HTML emails will appear in a wide variety of email clients.
- You do not have permission to view the full content of this post. Log in or register now. — a browser built from the ground up to create and test websites and apps.
- You do not have permission to view the full content of this post. Log in or register now. — an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
- You do not have permission to view the full content of this post. Log in or register now. — isolated React component development environment with a living style guide.