{"id":577,"date":"2019-07-21T17:20:19","date_gmt":"2019-07-21T17:20:19","guid":{"rendered":"https:\/\/christinemaggi.com\/designgal\/?page_id=577"},"modified":"2020-04-30T09:41:26","modified_gmt":"2020-04-30T09:41:26","slug":"design-tools","status":"publish","type":"page","link":"https:\/\/christinemaggi.com\/designgal\/resources\/design-tools\/","title":{"rendered":"Design Tools"},"content":{"rendered":"<p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-10 vc_col-md-offset-1 vc_col-sm-offset-0&#8243;][vc_tta_tour style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; spacing=&#8221;30&#8243; controls_size=&#8221;md&#8221; active_section=&#8221;1&#8243; no_fill_content_area=&#8221;true&#8221;][vc_tta_section title=&#8221;Design Tool Resource Sites&#8221; tab_id=&#8221;designtoolresourcesites&#8221;][vc_column_text fill=&#8221;yes&#8221; tag=&#8221;p&#8221; el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/uxtools.co\/tools\/prototyping\" target=\"_blank\" rel=\"noopener noreferrer\">Uxtools.co<\/a><\/li>\n<li><a href=\"https:\/\/airtable.com\/universe\/exp7BidtSB73ihAqw\/user-research-tool-box?explore=true\" target=\"_blank\" rel=\"noopener noreferrer\">User research tool box<\/a><\/li>\n<li><a href=\"https:\/\/digitaldesign.tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">digitaldesign.tools<\/a><\/li>\n<li><a href=\"http:\/\/remoteresear.ch\/tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Research Tools &amp; Methods<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/ux-tools-for-user-research-and-user-testing-a720131552e1\" target=\"_blank\" rel=\"noopener noreferrer\">UX Tools for User Research and User Testing<\/a><\/li>\n<li><a href=\"https:\/\/www.prototypr.io\/toolbox?Tags=%22%F0%9F%96%8C+Prototyping%22\" target=\"_blank\" rel=\"noopener noreferrer\">Compare UX Prototyping Tools<\/a><\/li>\n<li><a href=\"https:\/\/prototypr.io\/toolbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">Prototypr Toolbox<\/a><\/li>\n<li><a href=\"https:\/\/www.growthdrivendesign.com\/blog\/the-beginners-ux-research-tool-kit-for-agile-web-design\" target=\"_blank\" rel=\"noopener noreferrer\">The Beginner\u2019s UX Research Tool Kit<\/a><\/li>\n<li><a href=\"https:\/\/illustration.tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">Illustration Tools<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;UI\/Interaction Design Tools&#8221; tab_id=&#8221;uiinteractiondesigntools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/www.figma.com\" target=\"_blank\" rel=\"noopener noreferrer\">Figma<\/a><\/li>\n<li><a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch<\/a><\/li>\n<li><a href=\"https:\/\/www.adobe.com\/products\/xd.html\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe XD<\/a><\/li>\n<li><a href=\"https:\/\/www.invisionapp.com\/studio\" target=\"_blank\" rel=\"noopener noreferrer\">InVision Studio<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;User Research and User Testing Tools&#8221; tab_id=&#8221;userresearchusertestingtools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/sessioncam.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">SessionCam<\/a><\/li>\n<li><a href=\"https:\/\/www.optimalworkshop.com\/treejack\" target=\"_blank\" rel=\"noopener noreferrer\">Treejack<\/a><\/li>\n<li><a href=\"https:\/\/maze.design\/\" target=\"_blank\" rel=\"noopener noreferrer\">User Testing \/ Analytics for InVision prototypes<\/a><\/li>\n<li><a href=\"https:\/\/www.usertesting.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UserTesting.com<\/a><\/li>\n<li><a href=\"http:\/\/typeform.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Typeform<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Information Architecture and User Flow Tools&#8221; tab_id=&#8221;informationarchitectureandflowtools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/flowmapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">FlowMapp<\/a><\/li>\n<li><a href=\"http:\/\/www.whimsical.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Whimsical<\/a><\/li>\n<li><a href=\"https:\/\/www.xmind.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">XMind<\/a><\/li>\n<li><a href=\"https:\/\/www.mindmeister.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MindMeister<\/a><\/li>\n<li><a href=\"https:\/\/www.lucidchart.com\/pages\/examples\/sitemap_creator\" target=\"_blank\" rel=\"noopener noreferrer\">Lucidchart<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/www.zenflowchart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zen Flowchart<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Accessibility Tools&#8221; tab_id=&#8221;accessibilitytools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/www.brandwood.com\/a11y\/\" target=\"_blank\" rel=\"noopener noreferrer\">A11y accessibility check<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/material.io\/tools\/color\/#!\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Tool &#8211; Material Design<\/a><\/li>\n<li><a class=\"\" href=\"http:\/\/colorsafe.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Safe &#8211; accessible web color combinations<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/abc.useallfive.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Accessible Brand Colors by Use All Five<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/colorable.jxnblk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Colorable<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Wireframing Tools&#8221; tab_id=&#8221;wireframingtools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"http:\/\/app.diagrams.net\" target=\"_blank\" rel=\"noopener noreferrer\">diagrams.net<\/a><\/li>\n<li><a href=\"https:\/\/whimsical.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Whimsical<\/a><\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UXPin<\/a><\/li>\n<li><a title=\"Axure\" href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Axure<\/a><\/li>\n<li><a href=\"http:\/\/uxdesignmastery.com\/5-free-ux-design-tools-in-2018-that-are-actually-free\/\" target=\"_blank\" rel=\"noopener noreferrer\">5 Free UX Design tools in 2018<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Color and Gradient Tools&#8221; tab_id=&#8221;colorgradienttools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/palx.jxnblk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Palx<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/palettte.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Palettte App<\/a><\/li>\n<li><a href=\"https:\/\/gradient.shapefactory.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gradient by ShapeFactory<\/a><\/li>\n<li><a href=\"http:\/\/uigradients.com\/#\" target=\"_blank\" rel=\"noopener noreferrer\">uiGradients<\/a><\/li>\n<li><a href=\"https:\/\/webgradients.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebGradients.com<\/a><\/li>\n<li><a href=\"https:\/\/cssgradient.io\/gradient-backgrounds\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gradient Resources<\/a><\/li>\n<li><a href=\"http:\/\/tristen.ca\/hcl-picker\/#\/hlc\/6\/1.05\/A8596D\/A06237\" target=\"_blank\" rel=\"noopener noreferrer\">Colorpicker for data<\/a><\/li>\n<li><a href=\"https:\/\/blog.datawrapper.de\/colorguide\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Guide to Colors in Data Visualisation<\/a><\/li>\n<li><a href=\"https:\/\/hihayk.github.io\/scale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Scale \u2014 color scale generator<\/a><\/li>\n<li><a href=\"https:\/\/www.colorbox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">ColorBox by Lyft Design<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Coolors<\/a><\/li>\n<li><a href=\"http:\/\/paletton.com\/#uid=1000u0kllllaFw0g0qFqFg0w0aF\" target=\"_blank\" rel=\"noopener noreferrer\">Paletton<\/a><\/li>\n<li><a href=\"https:\/\/pigment.shapefactory.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pigment<\/a><\/li>\n<li><a href=\"https:\/\/duotone.shapefactory.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Duotone<\/a><\/li>\n<li><a href=\"http:\/\/mudcu.be\/sphere\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sphere<\/a><\/li>\n<li><a href=\"http:\/\/color.hailpixel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">color.hailpixel.com<\/a><\/li>\n<li><a href=\"https:\/\/hihayk.github.io\/wheel\/\" target=\"_blank\" rel=\"noopener noreferrer\">React App for Color<\/a><\/li>\n<li><a href=\"http:\/\/colormind.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Colormind<\/a><\/li>\n<li><a href=\"http:\/\/colorsupplyyy.com\/app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Supply<\/a><\/li>\n<li><a href=\"http:\/\/www.vanschneider.com\/colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">ColorClaim<\/a><\/li>\n<li><a href=\"http:\/\/jxnblk.com\/hello-color\/?c=d1b9ca\" target=\"_blank\" rel=\"noopener noreferrer\">Hello Color<\/a><\/li>\n<li><a href=\"http:\/\/www.palettable.io\/E9AE86\" target=\"_blank\" rel=\"noopener noreferrer\">Palettable<\/a><\/li>\n<li><a href=\"http:\/\/www.lolcolors.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">LOL Colors<\/a><\/li>\n<li><a href=\"http:\/\/www.thedayscolor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Day&#8217;s Color<\/a><\/li>\n<li><a href=\"http:\/\/www.colorhunt.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Hunt<\/a><\/li>\n<li class=\"p2\"><span class=\"s2\"><a class=\"\" href=\"https:\/\/medium.muz.li\/color-tools-for-designers-2019-6ebd77a94ab\" target=\"_blank\" rel=\"noopener noreferrer\">Color Tools For Designers 2019<\/a><\/span><\/li>\n<li class=\"p2\"><span class=\"s2\"><a class=\"\" href=\"https:\/\/image-color.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Online Color Picker From Image<\/a><\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Typography Tools&#8221; tab_id=&#8221;typographytools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/fontba.se\/\" target=\"_blank\" rel=\"noopener noreferrer\">FontBase Font Manager<\/a><\/li>\n<li><a href=\"https:\/\/archetypeapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Archetype<\/a><\/li>\n<li><a href=\"https:\/\/discover.typography.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Discover.typography<\/a><\/li>\n<li><a href=\"http:\/\/www.modularscale.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Modularscale<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Pattern\/SVG Tools&#8221; tab_id=&#8221;patterntools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/www.blobmaker.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Blobmaker<\/a><\/li>\n<li><a href=\"http:\/\/subtlepatterns.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Subtle Patterns<\/a><\/li>\n<li><a href=\"http:\/\/www.kennethcachia.com\/plain-pattern\/\" target=\"_blank\" rel=\"noopener noreferrer\">Plain Pattern<\/a><\/li>\n<li><a href=\"http:\/\/alssndro.github.io\/trianglify-background-generator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Trianglify Background Generator<\/a><\/li>\n<li><span class=\"s2\"><a class=\"\" href=\"https:\/\/svgartista.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/svgartista.net\/<\/a>\u00a0<\/span><span class=\"s4\">SVG Animator<\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Design\/Development Handoff Tools&#8221; tab_id=&#8221;designdevelopmenthandofftools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/zeplin.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zeplin<\/a><\/li>\n<li><a href=\"https:\/\/www.invisionapp.com\/feature\/inspect\" target=\"_blank\" rel=\"noopener noreferrer\">InVision Inspect<\/a><\/li>\n<li><a href=\"http:\/\/toyboxsystems.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Toybox<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Chrome Browser Extensions&#8221; tab_id=&#8221;chromebrowserextensions&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/muz.li\/\" target=\"_blank\" rel=\"noopener noreferrer\">Muzli Design Inspiration<\/a><\/li>\n<li><a href=\"http:\/\/www.colorzilla.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ColorZilla<\/a><\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">WhatFont<\/a><\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/fontface-ninja\/eljapbgkmlngdpckoiiibecpemleclhh\" target=\"_blank\" rel=\"noopener noreferrer\">Fontface Ninja<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Design System Tools&#8221; tab_id=&#8221;designsystemtools&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"http:\/\/invisionapp.com\/design-system-manager\" target=\"_blank\" rel=\"noopener noreferrer\">InVision Design System Manager<\/a><\/li>\n<li><a href=\"https:\/\/www.lingoapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lingo<\/a><\/li>\n<li><a href=\"http:\/\/patternlab.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pattern Lab<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_tour][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-10 vc_col-md-offset-1 vc_col-sm-offset-0&#8243;][vc_tta_tour style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; spacing=&#8221;30&#8243; controls_size=&#8221;md&#8221; active_section=&#8221;1&#8243; no_fill_content_area=&#8221;true&#8221;][vc_tta_section title=&#8221;Design Tool Resource Sites&#8221; tab_id=&#8221;designtoolresourcesites&#8221;][vc_column_text fill=&#8221;yes&#8221; tag=&#8221;p&#8221; el_class=&#8221;resource&#8221;] Uxtools.co User research tool box digitaldesign.tools UX Research Tools &amp; Methods UX Tools for User Research and User Testing Compare UX Prototyping Tools Prototypr Toolbox The Beginner\u2019s UX Research Tool Kit Illustration Tools [\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;UI\/Interaction [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":285,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-577","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":21,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/577\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/577\/revisions\/693"}],"up":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/285"}],"wp:attachment":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/media?parent=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}