{"id":7535,"date":"2021-12-08T08:54:03","date_gmt":"2021-12-08T08:54:03","guid":{"rendered":"https:\/\/www.thewebkitchen.co.uk\/?p=7535"},"modified":"2021-12-08T10:10:08","modified_gmt":"2021-12-08T10:10:08","slug":"5-handy-design-tools-and-apps-for-designers","status":"publish","type":"post","link":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/","title":{"rendered":"5 handy design tools and apps for designers"},"content":{"rendered":"

In today’s rapidly changing online landscape, it is always worth keeping an eye out for new design tools and applications that can help you create better work. Below you will find a selection of tools and applications that we use regularly. Whether it be to better communicate with our Dev team or to create stunning colour palettes.<\/p>\n

Bugherd<\/h2>\n

Bugherd<\/a> is a tool that has become our go-to choice for reporting tweaks, bugs and suggestions to the development team. The plugin is available for Chrome, Safari and Edge, and logs helpful data such as window size, operating system and more. Every time you create a new bug, it automatically takes a screenshot too! This allows you to spend more time describing the issue, and less time explaining how to find it! Video recording for bugs has recently been added too, which is ideal for things such as suggesting a change to a hover state. As far as keeping things organised, Bugherd allows you to add and manage tweaks on a per-project basis.\u00a0<\/p>\n

\"Bugherd's

Bugherd’s web interface, showing various tweaks and amends<\/p><\/div>\n

Spline<\/h2>\n

3D has been taking the internet by storm in the past year or so. Using these graphics opens up a whole new range of opportunities to make your design stand out. Especially if the photography that’s available is scarce, 3D graphics are an great alternative to get your point across. Some of the more famous 3D design tools include Blender<\/a> and Cinema4D<\/a>, but Spline is definitely another one to keep an eye on. Spline offers both a standalone app, as well as a browser-based interface. paired with handy online documentation full of examples. This handy design tool offers an easy and free entry into the 3D space.<\/p>\n

\"A

Spline’s web interface<\/p><\/div>\n

Viewport Dimensions \/ Window Resizer<\/h2>\n

If you ever need to provide feedback about a website to developers, it is crucial to know what window size you\u2019re using. Viewport Dimensions<\/a> is a low profile, lightweight plugin that shows you the exact size of your browser window whenever you start to resize it. The\u00a0plugin works well in combination with Window Resizer<\/a>, which gives you a dropdown of common window sizes. Click on one of them, and the plugin resizes your browser window, which makes the whole process a lot less fiddly!<\/p>\n

\"The

The Viewport Dimensions plugin in use on the TWK website<\/p><\/div>\n

Whatfont<\/h2>\n

Let\u2019s be honest \u2013 one of the key things to set the right tone<\/a> for a design is your choice of font. Whatfont<\/a> is one of those handy design tools that we cannot live without. The plugin allows you to easily identify the fonts used on any website. This is ideal if you\u2019re looking for inspiration for a project of your own, or just to save it for future reference.<\/p>\n

\"The

The Whatfont plugin in use on The Guardian’s website<\/p><\/div>\n

Coolors<\/h2>\n

Coolors<\/a> is a very well-crafted design tool that allows you to generate colour palettes with the touch of a button. Even if you don’t have any colours in mind yet, Coolors allows you to generate random palettes to get the inspiration flowing. When you find a colour that you like, you can simply lock it, and keep randomly generating the others. It allows you to see the colours in multiple formats such as RGB, HSB and more. It even allows you to generate palettes from photos. If you want to share your fresh palette, you can easily do so using the palette’s unique URL.<\/span><\/p>\n

\"The

The Coolors web interface showing a randomly generated palette<\/p><\/div>\n

Hopefully, this article has taught you about a new tool or two to use. Some can help you with branding, and some allow you to create awesome 3D artwork. If you are looking for more handy tools and apps, make sure to check out Product Hunt<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

In today’s rapidly changing online landscape, it is always worth keeping an eye out for new design tools and applications that can…<\/p>\n","protected":false},"author":8,"featured_media":7542,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38,26,27],"tags":[],"class_list":["post-7535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-school-website-design-2","category-web-design","category-web-development-cat"],"acf":{"banner_type":"simple","banner_intro_text":"","banner_alternative_title":"","banner_intro":"","video_type":"file","banner_full_height":false,"blog_banner_image":false,"image_array":false,"image_url":false,"image_id":false,"repeater":false,"blog_author_quote":""},"yoast_head":"\n5 handy design tools and apps for designers - The Web Kitchen<\/title>\n<meta name=\"description\" content=\"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 handy design tools and apps for designers - The Web Kitchen\" \/>\n<meta property=\"og:description\" content=\"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"The Web Kitchen\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-08T08:54:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-08T10:10:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1197\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joep Prevoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@twkmedia\" \/>\n<meta name=\"twitter:site\" content=\"@twkmedia\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joep Prevoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\"},\"author\":{\"name\":\"Joep Prevoo\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/b163bc85506b128000f46e307b315f13\"},\"headline\":\"5 handy design tools and apps for designers\",\"datePublished\":\"2021-12-08T08:54:03+00:00\",\"dateModified\":\"2021-12-08T10:10:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\"},\"wordCount\":674,\"publisher\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg\",\"articleSection\":[\"School website design\",\"Web design\",\"Web Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\",\"url\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\",\"name\":\"5 handy design tools and apps for designers - The Web Kitchen\",\"isPartOf\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg\",\"datePublished\":\"2021-12-08T08:54:03+00:00\",\"dateModified\":\"2021-12-08T10:10:08+00:00\",\"description\":\"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage\",\"url\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg\",\"contentUrl\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg\",\"width\":2000,\"height\":1197,\"caption\":\"A screenshot of Spline's web interface\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.thewebkitchen.co.uk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 handy design tools and apps for designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#website\",\"url\":\"https:\/\/www.thewebkitchen.co.uk\/\",\"name\":\"The Web Kitchen\",\"description\":\"Web Design London\u00a0Agency | TWK, a full service Website Design and Development company\u00a0based in Marylebone London. Professional Web Design, WordPress, TYPO3 and SEO.\",\"publisher\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#organization\"},\"alternateName\":\"TWK\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thewebkitchen.co.uk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#organization\",\"name\":\"The Web Kitchen\",\"alternateName\":\"TWK Media\",\"url\":\"https:\/\/www.thewebkitchen.co.uk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2020\/11\/twk-logo-2020-dark-resize-@2x.png\",\"contentUrl\":\"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2020\/11\/twk-logo-2020-dark-resize-@2x.png\",\"width\":360,\"height\":36,\"caption\":\"The Web Kitchen\"},\"image\":{\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/twkmedia\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/b163bc85506b128000f46e307b315f13\",\"name\":\"Joep Prevoo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6d0d2b13bd03188504c14e9b8e31ca6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6d0d2b13bd03188504c14e9b8e31ca6b?s=96&d=mm&r=g\",\"caption\":\"Joep Prevoo\"},\"url\":\"https:\/\/www.thewebkitchen.co.uk\/author\/joep-prevoo\/\"}]}<\/script>\n","yoast_head_json":{"title":"5 handy design tools and apps for designers - The Web Kitchen","description":"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!","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:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/","og_locale":"en_US","og_type":"article","og_title":"5 handy design tools and apps for designers - The Web Kitchen","og_description":"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!","og_url":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/","og_site_name":"The Web Kitchen","article_published_time":"2021-12-08T08:54:03+00:00","article_modified_time":"2021-12-08T10:10:08+00:00","og_image":[{"width":2000,"height":1197,"url":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg","type":"image\/jpeg"}],"author":"Joep Prevoo","twitter_card":"summary_large_image","twitter_creator":"@twkmedia","twitter_site":"@twkmedia","twitter_misc":{"Written by":"Joep Prevoo","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#article","isPartOf":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/"},"author":{"name":"Joep Prevoo","@id":"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/b163bc85506b128000f46e307b315f13"},"headline":"5 handy design tools and apps for designers","datePublished":"2021-12-08T08:54:03+00:00","dateModified":"2021-12-08T10:10:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/"},"wordCount":674,"publisher":{"@id":"https:\/\/www.thewebkitchen.co.uk\/#organization"},"image":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg","articleSection":["School website design","Web design","Web Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/","url":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/","name":"5 handy design tools and apps for designers - The Web Kitchen","isPartOf":{"@id":"https:\/\/www.thewebkitchen.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg","datePublished":"2021-12-08T08:54:03+00:00","dateModified":"2021-12-08T10:10:08+00:00","description":"5 handy design tools for designers that will help you create more stunning work, and communicate better with the development team!","breadcrumb":{"@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#primaryimage","url":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg","contentUrl":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2021\/12\/5-tools-banner.jpg","width":2000,"height":1197,"caption":"A screenshot of Spline's web interface"},{"@type":"BreadcrumbList","@id":"https:\/\/www.thewebkitchen.co.uk\/5-handy-design-tools-and-apps-for-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thewebkitchen.co.uk\/"},{"@type":"ListItem","position":2,"name":"5 handy design tools and apps for designers"}]},{"@type":"WebSite","@id":"https:\/\/www.thewebkitchen.co.uk\/#website","url":"https:\/\/www.thewebkitchen.co.uk\/","name":"The Web Kitchen","description":"Web Design London\u00a0Agency | TWK, a full service Website Design and Development company\u00a0based in Marylebone London. Professional Web Design, WordPress, TYPO3 and SEO.","publisher":{"@id":"https:\/\/www.thewebkitchen.co.uk\/#organization"},"alternateName":"TWK","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thewebkitchen.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thewebkitchen.co.uk\/#organization","name":"The Web Kitchen","alternateName":"TWK Media","url":"https:\/\/www.thewebkitchen.co.uk\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/logo\/image\/","url":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2020\/11\/twk-logo-2020-dark-resize-@2x.png","contentUrl":"https:\/\/www.thewebkitchen.co.uk\/wp-content\/uploads\/2020\/11\/twk-logo-2020-dark-resize-@2x.png","width":360,"height":36,"caption":"The Web Kitchen"},"image":{"@id":"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/twkmedia"]},{"@type":"Person","@id":"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/b163bc85506b128000f46e307b315f13","name":"Joep Prevoo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thewebkitchen.co.uk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d0d2b13bd03188504c14e9b8e31ca6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d0d2b13bd03188504c14e9b8e31ca6b?s=96&d=mm&r=g","caption":"Joep Prevoo"},"url":"https:\/\/www.thewebkitchen.co.uk\/author\/joep-prevoo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/posts\/7535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/comments?post=7535"}],"version-history":[{"count":0,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/posts\/7535\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/media\/7542"}],"wp:attachment":[{"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/media?parent=7535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/categories?post=7535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thewebkitchen.co.uk\/wp-json\/wp\/v2\/tags?post=7535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}