{"id":2121,"date":"2018-01-17T09:05:33","date_gmt":"2018-01-17T08:05:33","guid":{"rendered":"https:\/\/futuramo.com\/blog\/?p=2121"},"modified":"2021-07-19T14:45:55","modified_gmt":"2021-07-19T13:45:55","slug":"design-tools-product-hunt","status":"publish","type":"post","link":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/","title":{"rendered":"23 design tools from Product Hunt you should know about"},"content":{"rendered":"<p class=\"post-component text\" style=\"text-align: left;\"><em>Filip Korzycki is the Head of Design at <a href=\"https:\/\/futuramo.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Futuramo<\/a>.\u00a0<\/em><em>Follow him and his work on\u00a0<a href=\"https:\/\/www.behance.net\/filiop\" target=\"_blank\" rel=\"noopener noreferrer\">Behance<\/a>.<\/em><\/p>\n<p id=\"author\" class=\"post-component text\">As massive fans of Product Hunt, we&#8217;re up to date with the latest app launches for designers, developers, and other digital teams. 2017 was a great year for the design tools. Thanks to some smart and time-saving apps launched recently, we&#8217;re able to skip the less-liked parts of the process, automate repetitive activities, and gain more time to focus on creativity and ideation. These applications are an indispensable help in the delivery of UI and\u00a0<a href=\"https:\/\/jelvix.com\/expertise\/ui-ux\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/jelvix.com\/expertise\/ui-ux&amp;source=gmail&amp;ust=1626788473301000&amp;usg=AFQjCNGOc7VJhO8k7Z6mtLYAXM-GD7Fvfw\">UX services<\/a>.<\/p>\n<p class=\"post-component text\">Here&#8217;s a curated list of 23 apps and websites we&#8217;ve discovered, tried and recommend. The list comes from Product Hunt where you are bound to find\u00a0cool tools for all the work areas you&#8217;re interested in.<\/p>\n<h2 id=\"1-webgradients\" class=\"header-component\">1. <a href=\"https:\/\/webgradients.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebGradients<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/90742?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">It has never been easier to use <strong>beautiful background<\/strong> gradients in your UI projects. Especially that you can choose from a list of 180 free, linear samples. You will definitely find something for yourself and every website you work on. All you need to do is click on <em>Copy CSS<\/em> or <em>Get .PNG<\/em>.<\/p>\n<h2 id=\"2-undraw\" class=\"header-component\">2. <a href=\"https:\/\/undraw.co\/illustrations\" target=\"_blank\" rel=\"noopener noreferrer\">unDraw<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/116390?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">70+ and counting excellent SVG images for free. Select a color related to your project KV and choose the desired picture. All the graphics are in a high quality and up to date with the design trends. You can use them for your website projects, social media, blog posts and wherever you need a cool illustration. Click on the preferred image and decide if you want it in SVG or PNG. MIT license allows you to use it for both personal and commercial projects.<\/p>\n<h2 id=\"3-bootstrap-build\" class=\"header-component\">3. <a href=\"https:\/\/bootstrap.build\/app\" target=\"_blank\" rel=\"noopener noreferrer\">Bootstrap.build<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/116597?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Looking to automate the way you design bootstrap themes? Check this app. The list of components guarantees easy and productive work. Modify the variables, customize the themes and export to SCSS or CSS.<\/p>\n<h2 id=\"4-landing-pages-by-viral-loops\" class=\"header-component\">4. <a href=\"https:\/\/viral-loops.com\/features\/pages\" target=\"_blank\" rel=\"noopener noreferrer\">Landing Pages by Viral Loops<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/116191?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Referral campaigns usually require a dedicated landing page. <strong>Viral Loops<\/strong> lets you save loads of time on designing a well-performing landing page. You don&#8217;t have to worry about coding. Customize given templates, integrate your landing page with analytics tool and wait for prospects.<\/p>\n<h2 id=\"5-a-screen-design-tool-by-framer\" class=\"header-component\">5. <a href=\"https:\/\/framer.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Screen Design Tool by Framer<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/116222?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\"><strong>Framer<\/strong> delivers many useful solutions for designers. The newest one, Screen Design Tool allows users to create extremely helpful responsive designs. Style, customize and download production-ready projects in minutes.<\/p>\n<h2 id=\"6-futuramo-visual-tickets\" class=\"header-component\">6. <a href=\"https:\/\/futuramo.com\/apps\/visual-tickets\" target=\"_blank\" rel=\"noopener noreferrer\">Futuramo Visual Tickets<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/106225?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">How often developers drive you nuts when they cannot turn your pixel-perfect, insanely creative projects into a well-working and good-looking website? Now you can show them exactly what&#8217;s wrong and report every bug without losing hours on describing details. All you need to do is to take a quick screenshot, upload it to the ticket window, annotate directly on the image and assign to a chosen coworker. An important bridge between projects design and development.<\/p>\n<h2 id=\"7-design-principles\" class=\"header-component\">7. <a href=\"https:\/\/principles.design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Principles<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/115609?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">An open source knowledge base of design rules and examples. Grow as professional and take advantages of your peers&#8217; experience when making decisions regarding UX and product development. With 135 examples, 1040 design principles and 115 creators involved it should be a huge support for you and your team.<\/p>\n<h2 id=\"8-flawless-2-0\" class=\"header-component\">8. <a href=\"https:\/\/flawlessapp.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flawless 2.0<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/115074?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">You can&#8217;t stand when you see all these shortcomings in the implemented design? With <strong>Flawless<\/strong>, you can easily compare projects in production to the wireframes. Just upload a file, choose comparison mode and check differences. The app can be integrated into your iOS simulator and doesn&#8217;t require additional setups.<\/p>\n<h2 id=\"9-imaginators\" class=\"header-component\">9. <a href=\"https:\/\/imginators.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imaginators<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/114894?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Sometimes you need a new way to present\u00a0your ideas, portfolio or projects you&#8217;re working on. Here comes <strong>Imaginators<\/strong>. The app allows you to build an interactive presentation by dragging and dropping chosen elements. Customize the design and highlight your pros!<\/p>\n<h2 id=\"10-design-systems-handbook-by-designbetter-co\" class=\"header-component\">10. <a href=\"https:\/\/www.designbetter.co\/design-systems-handbook\" target=\"_blank\" rel=\"noopener noreferrer\">Design Systems Handbook by DesignBetter.Co<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/114551?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Keeping everyone on the same page is paramount to the product development. Guys from <strong>DesignBetter.Co<\/strong> share their knowledge and experience on how to build efficient and problem-solving design system.<\/p>\n<h2 id=\"11-futuramo-icons\" class=\"header-component\">11. <a href=\"https:\/\/futuramo.com\/apps\/icons\" target=\"_blank\" rel=\"noopener noreferrer\">Futuramo Icons<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/111318?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Are you able to sum up all these hours you spent on customizing icons for your UX\/UI projects? With <strong>Futuramo Icons<\/strong>, you can easily personalize entire icon sets accordingly to your visual identity. The PRO version offers 2900+ icons in 16 styles. Play with the styles, colors, frames, and borders. When your work is ready, download icons or the entire icon sets in desired formats.<\/p>\n<h2 id=\"12-avataaars-generator\" class=\"header-component\">12. <a href=\"https:\/\/getavataaars.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Avataaars Generator<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/113881?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Not feeling OK with sharing your headshots on different accounts? Or maybe you need to build more realistic buying personas? Whatever you are working on, with this app you can quickly create cool avatars. Choose from the suggested attributes until you get the avatar you want.<\/p>\n<h2 id=\"13-the-unbounce-landing-page-analyzer\" class=\"header-component\">13. <a href=\"https:\/\/unbounce.com\/landing-page-analyzer\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Unbounce Landing Page Analyzer<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/113570?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Is your landing page as good as you think? Don&#8217;t assume anything. With the latest app from <strong>Unbounce<\/strong>, your landing page can be tested in 9 categories. From industry performance through mobile responsiveness, security, page performance, conversion centered design, message match, copy analysis, SEO to social open graph tags. Make use of Unbounce&#8217;s benchmarks and optimize your page.<\/p>\n<h2 id=\"14-flowmapp\" class=\"header-component\">14. <a href=\"https:\/\/flowmapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">FlowMapp<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/113472?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Delivering a high-quality UX project requires excellent planning. You can equip yourself with the best features to\u00a0outline design and development thanks to <strong>FlowMapp<\/strong>. Create intuitive\u00a0sitemaps so everyone on your team can see workflows at a glance.<\/p>\n<h2 id=\"15-shortcuts-design\" class=\"header-component\">15. <a href=\"http:\/\/shortcuts.design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Shortcuts.design<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/112825?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">How often do you think about gaining some extra hours for your creative works? When every minute\u00a0counts and you&#8217;re switching between the apps, useful keyboard shortcuts will help you boost your productivity and work faster. Great thanks to Michel van Heest for gathering them all on Shortcuts.design. If you use Sketch, Principle,\u00a0 InVision, Figma, or tools form the Adobe family, you should check it out.<\/p>\n<h2 id=\"16-froala-design-blocks\" class=\"header-component\">16. <a href=\"https:\/\/www.froala.com\/design-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">Froala Design Blocks<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/111264?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Your team will love you for sharing this. 170+ responsive design blocks for every web or mobile projects. Now you get access to free packages of design layouts in 10 categories. All of them are based on the Bootstrap Library. What to expect? Some interesting proposition for CTA, Forms, Pricing, Testimonials, and more.<\/p>\n<h2 id=\"17-base-ui-sketch-framework\" class=\"header-component\">17. <a href=\"https:\/\/getbaseui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Base UI Sketch Framework<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/110979?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">When you are trying to find the best idea to build an interesting and effective website, design thinking could be a rescue. If you&#8217;re a Sketch designer, you can make use of <strong>Base UI Sketch Framework<\/strong>. With over 180+ screens and several templates, you can manage your projects from ideation to prototyping smoothly.<\/p>\n<h2 id=\"18-crello\" class=\"header-component\">18. <a href=\"https:\/\/crello.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Crello<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/107187?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Every designer working with a marketing team knows this pain &#8211; marketers ask for cool graphics all the time. Simple yet eye-catching graphics are needed for social media, newsletters or blog articles. The team behind <strong>Crello<\/strong> has released a tool that will help you get the job done even faster. Or you can just show your colleagues how it works so anyone can do it. The workflow is simple. First, select a template from the 31 categories (Facebook ads, email header, animated post, etc.). Then customize it and download for free.<\/p>\n<h2 id=\"19-canva-color-wiki\" class=\"header-component\">19. <a href=\"https:\/\/www.canva.com\/colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">Canva Color Wiki<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/103085?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\"><strong>Canva&#8217;s latest app<\/strong> lets you learn more about the colors you use in your projects. You can use it for inspiration and come across beautiful solutions for your designs. Use it to create gorgeous stuff.<\/p>\n<h2 id=\"20-craftwork-marketplace\" class=\"header-component\">20. <a href=\"https:\/\/getcraftwork.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Craftwork Marketplace<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/102645?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Sometimes you just don&#8217;t have time for crafting pixel-perfect, unique design elements. Good news is that you can search for them on <strong>Craftwork Marketplace<\/strong>. It depends on your needs but you can choose from dozens of UI Kits, landings, mockups, wireframes etc. Also, check the page for some freebies.<\/p>\n<h2 id=\"21-material-design-kit\" class=\"header-component\">21. <a href=\"https:\/\/materialdesignkit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design Kit<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/96637?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">It&#8217;s another useful library of UI components and app templates for Android. Take advantage of ready-to-use elements, high-quality files, and valuable guidelines.<\/p>\n<h2 id=\"22-case-study-club-2-0\" class=\"header-component\">22. <a href=\"https:\/\/www.casestudy.club\/\" target=\"_blank\" rel=\"noopener noreferrer\">Case Study Club 2.0<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/93824?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Learning from previous experience is great. But it&#8217;s also helpful to expand your knowledge by researching on other professionals&#8217; accomplishments and ideas. Design community members are opened to share their stories and projects. <strong>Case Study Club<\/strong> is a great place to find interesting and inspiring examples.<\/p>\n<h2 id=\"23-really-good-ux\" class=\"header-component\">23. <a href=\"https:\/\/www.reallygoodux.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Really Good UX<\/a><\/h2>\n<p><iframe loading=\"lazy\" style=\"border: none;\" src=\"https:\/\/cards.producthunt.com\/cards\/posts\/105706?v=1\" width=\"350\" height=\"305\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"post-component text\">Research and benchmark are essential before you start designing your projects. You can be frustrated when you have to create a new account on a chosen app to check the onboarding process. Luckily, Really Good UX is here to help you analyze popular apps without signing in.<\/p>\n<p><strong>&#8230;<\/strong><\/p>\n<p class=\"post-component text\">Fortunately, more and more apps (as proved by Product Hunt) are launched daily to help us automate some parts of the process. Know of other interesting design apps not mentioned here? Share it with us, and we&#8217;ll add it to the list.<\/p>\n<p class=\"post-component text\">If you are interested in getting to know more apps, you can check out our article about <a href=\"https:\/\/futuramo.com\/blog\/product-hunt-cross-team-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">tools and resources that empower cross-team collaboration<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"As massive fans of Product Hunt, we&#8217;re up to date with the latest app launches for designers, developers, and other digital teams. Here&#8217;s a curated list of 23 tools and websites we&#8217;ve discovered, tried and recommend.\n","protected":false},"author":44,"featured_media":2235,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0},"categories":[100],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>23 design tools from Product Hunt you should know about<\/title>\n<meta name=\"description\" content=\"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"23 design tools from Product Hunt you should know about\" \/>\n<meta property=\"og:description\" content=\"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/\" \/>\n<meta property=\"og:site_name\" content=\"Helping teams work better \u2014 insights on productivity, collaboration, project management, marketing, and the tools that make it happen | Futuramo Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-17T08:05:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-19T13:45:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:title\" content=\"23 design tools from Product Hunt you should know about\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filip Korzycki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/futuramo.com\/blog\/#website\",\"url\":\"https:\/\/futuramo.com\/blog\/\",\"name\":\"Helping teams work better \u2014 insights on productivity, collaboration, project management, marketing, and the tools that make it happen | Futuramo Blog\",\"description\":\"Exploring Innovation, Effectiveness, and Creativity Across Industries \",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/futuramo.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#primaryimage\",\"url\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg\",\"contentUrl\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg\",\"width\":1920,\"height\":648,\"caption\":\"design tools product hunt\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#webpage\",\"url\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/\",\"name\":\"23 design tools from Product Hunt you should know about\",\"isPartOf\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#primaryimage\"},\"datePublished\":\"2018-01-17T08:05:33+00:00\",\"dateModified\":\"2021-07-19T13:45:55+00:00\",\"author\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/a3d1feadc24e30a14a8d27c23b9e01cb\"},\"description\":\"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.\",\"breadcrumb\":{\"@id\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/futuramo.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"23 design tools from Product Hunt you should know about\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/a3d1feadc24e30a14a8d27c23b9e01cb\",\"name\":\"Filip Korzycki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/49d287de417c7b4376535926db628fa8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/49d287de417c7b4376535926db628fa8?s=96&d=mm&r=g\",\"caption\":\"Filip Korzycki\"},\"url\":\"https:\/\/futuramo.com\/blog\/author\/filip-korzycki\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"23 design tools from Product Hunt you should know about","description":"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/","og_locale":"en_US","og_type":"article","og_title":"23 design tools from Product Hunt you should know about","og_description":"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.","og_url":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/","og_site_name":"Helping teams work better \u2014 insights on productivity, collaboration, project management, marketing, and the tools that make it happen | Futuramo Blog","article_published_time":"2018-01-17T08:05:33+00:00","article_modified_time":"2021-07-19T13:45:55+00:00","og_image":[{"width":1920,"height":648,"url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg","type":"image\/jpeg"}],"twitter_card":"summary","twitter_title":"23 design tools from Product Hunt you should know about","twitter_misc":{"Written by":"Filip Korzycki","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/futuramo.com\/blog\/#website","url":"https:\/\/futuramo.com\/blog\/","name":"Helping teams work better \u2014 insights on productivity, collaboration, project management, marketing, and the tools that make it happen | Futuramo Blog","description":"Exploring Innovation, Effectiveness, and Creativity Across Industries ","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futuramo.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#primaryimage","url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg","contentUrl":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/01\/tools-for-designers-futuramo.jpg","width":1920,"height":648,"caption":"design tools product hunt"},{"@type":"WebPage","@id":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#webpage","url":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/","name":"23 design tools from Product Hunt you should know about","isPartOf":{"@id":"https:\/\/futuramo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#primaryimage"},"datePublished":"2018-01-17T08:05:33+00:00","dateModified":"2021-07-19T13:45:55+00:00","author":{"@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/a3d1feadc24e30a14a8d27c23b9e01cb"},"description":"Get to know the list of design tools and websites that will help you to become a more effective designer. Gain extra time for creative work.","breadcrumb":{"@id":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/futuramo.com\/blog\/design-tools-product-hunt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futuramo.com\/blog\/"},{"@type":"ListItem","position":2,"name":"23 design tools from Product Hunt you should know about"}]},{"@type":"Person","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/a3d1feadc24e30a14a8d27c23b9e01cb","name":"Filip Korzycki","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/49d287de417c7b4376535926db628fa8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49d287de417c7b4376535926db628fa8?s=96&d=mm&r=g","caption":"Filip Korzycki"},"url":"https:\/\/futuramo.com\/blog\/author\/filip-korzycki\/"}]}},"_links":{"self":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2121"}],"collection":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":74,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions"}],"predecessor-version":[{"id":3703,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions\/3703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media\/2235"}],"wp:attachment":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media?parent=2121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/categories?post=2121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/tags?post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}