{"id":3281,"date":"2019-02-05T10:08:00","date_gmt":"2019-02-05T09:08:00","guid":{"rendered":"https:\/\/catenacompany.be\/geen-onderdeel-van-een-categorie\/ontwerp-futureproof-web-en-mobiele-applicaties-met-adobe-xd\/"},"modified":"2025-03-06T15:07:05","modified_gmt":"2025-03-06T14:07:05","slug":"design-future-proof-web-and-mobile-applications-with-adobe-xd","status":"publish","type":"post","link":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/","title":{"rendered":"Design future-proof web and mobile applications with Adobe XD"},"content":{"rendered":"\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-92cf43a\" data-block-id=\"92cf43a\"><style>.stk-92cf43a {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Laatste update: 21\/11\/2024<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-9f5d9ef\" data-block-id=\"9f5d9ef\"><style>.stk-9f5d9ef {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Adobe has long been a cornerstone of the graphics industry, offering an impressive portfolio of software designed for graphic and multimedia professionals. It is also a leading solution provider for UX (User Experience) and UI (User Interface) design, setting the industry standard for good reason.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-a80f65e\" data-block-id=\"a80f65e\"><style>.stk-a80f65e {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">With a Creative Cloud subscription, designers gain access to an extensive suite of tools to meet their needs across print, web, and video platforms. Adobe solutions combine professional-grade results with user-friendly interfaces. In response to growing demand for more efficient UX\/UI solutions, Adobe introduced Adobe XD. Modern applications require interfaces that are not only visually aligned with a brand\u2019s house style but are also intuitive and functionally logical.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5572523\" data-block-id=\"5572523\"><style>.stk-5572523 {border-top-left-radius:40px !important;border-top-right-radius:40px !important;border-bottom-right-radius:40px !important;border-bottom-left-radius:40px !important;overflow:hidden !important;padding-top:30px !important;padding-bottom:0px !important;margin-bottom:30px !important;}@media screen and (max-width:999px){.stk-5572523 {padding-top:80px !important;padding-bottom:160px !important;}}@media screen and (max-width:689px){.stk-5572523 {border-top-left-radius:16px !important;border-top-right-radius:16px !important;border-bottom-right-radius:16px !important;border-bottom-left-radius:16px !important;overflow:hidden !important;padding-top:64px !important;padding-bottom:104px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5572523-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b07bd93\" data-v=\"4\" data-block-id=\"b07bd93\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b07bd93-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b07bd93-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-0a8322b\" data-block-id=\"0a8322b\"><style>.stk-0a8322b {border-top-left-radius:40px !important;border-top-right-radius:40px !important;border-bottom-right-radius:40px !important;border-bottom-left-radius:40px !important;overflow:hidden !important;}.stk-0a8322b-column{--stk-columns-spacing:0px !important;}@media screen and (max-width:689px){.stk-0a8322b {border-top-left-radius:16px !important;border-top-right-radius:16px !important;border-bottom-right-radius:16px !important;border-bottom-left-radius:16px !important;overflow:hidden !important;--stk-col-order-1:2 !important;--stk-col-order-2:1 !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0a8322b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9801889 stk-block-background\" data-v=\"4\" data-block-id=\"9801889\"><style>.stk-9801889 {background-color:var(--theme-palette-color-2, #97CCD9) !important;padding-top:80px !important;padding-right:80px !important;padding-bottom:80px !important;padding-left:80px !important;}.stk-9801889:before{background-color:var(--theme-palette-color-2, #97CCD9) !important;}@media screen and (max-width:999px){.stk-9801889 {padding-top:40px !important;padding-right:40px !important;padding-bottom:40px !important;padding-left:40px !important;}}@media screen and (max-width:689px){.stk-9801889 {padding-top:24px !important;padding-right:24px !important;padding-bottom:24px !important;padding-left:24px !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9801889-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9801889-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-6a11aa3\" data-block-id=\"6a11aa3\"><style>.stk-6a11aa3 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Adobe XD is a comprehensive tool for designing web and mobile applications. The tool can be downloaded for free, and the extended version is included in the Creative Cloud subscription. The software is accessible to both beginners and advanced users, with a simple interface and powerful features that support the creative process.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Adobe XD + DDPS + DAM &#8211; the ultimate power combo<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-40cf6cb\" data-block-id=\"40cf6cb\"><style>.stk-40cf6cb {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Further on, we are happy to share tips on how to use Adobe XD, but first we will zoom in on the endless possibilities due to the collaboration between different tools. Or rather, integration is key.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-508fe07\" data-block-id=\"508fe07\"><style>.stk-508fe07 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Because your creative team might benefit from a <a href=\"https:\/\/catenacompany.be\/en\/technologies\/ddps\/\" data-type=\"page\" data-id=\"3698\">Dynamic Data Publishing Suite (DDPS)<\/a>. A <a href=\"https:\/\/catenacompany.be\/en\/technologies\/ddps\/\" data-type=\"page\" data-id=\"3698\">DDPS<\/a> gathers data from various databases, such as PIM or CRM, optimally formats the material, and publishes it effectively- all without altering the original database. Your designer retains full control over the final result in <a href=\"https:\/\/catenacompany.be\/en\/event\/adobe-indesign-training\/\" data-type=\"event\" data-id=\"4026\">Adobe InDesign<\/a> or other tools. For even greater efficiency, consider taking it one step further with <a href=\"https:\/\/catenacompany.be\/en\/technologies\/dam\/\" data-type=\"page\" data-id=\"3687\">Digital Asset Management (DAM)<\/a>. The perfect combination of automated content creation and supply chain integration. By integrating with your <a href=\"https:\/\/catenacompany.be\/en\/technologies\/dam\/\" data-type=\"page\" data-id=\"3687\">DAM<\/a> system, you eliminate the risk of using incorrect or outdated data. Images stored in your <a href=\"https:\/\/catenacompany.be\/en\/technologies\/dam\/\" data-type=\"page\" data-id=\"3687\">DAM<\/a> are automatically incorporated into the templates provided by the <a href=\"https:\/\/catenacompany.be\/en\/technologies\/ddps\/\" data-type=\"page\" data-id=\"3698\">DDP Suite<\/a>. All content is approved and requires no prior review process.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-8df9936\" data-block-id=\"8df9936\"><style>.stk-8df9936 .stk-button-group{flex-direction:row !important;}@media screen and (max-width:999px){.stk-8df9936 .stk-button-group{flex-direction:row !important;}}@media screen and (max-width:689px){.stk-8df9936 .stk-button-group{flex-direction:row !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-b9b5d68\" data-block-id=\"b9b5d68\"><style>.stk-b9b5d68 {transition-duration:0.2s !important;--stk-transition-duration:0.2s !important;transition-timing-function:ease-out !important;}.stk-b9b5d68:hover{transform:translateY(-4px) !important;}.stk-b9b5d68 .stk-button{min-height:48px !important;padding-right:20px !important;padding-left:20px !important;border-top-left-radius:8px !important;border-top-right-radius:8px !important;border-bottom-right-radius:8px !important;border-bottom-left-radius:8px !important;}.stk-b9b5d68 .stk-button:hover:after{background:var(--theme-palette-color-1, #EC784A) !important;opacity:1 !important;}.stk-b9b5d68 .stk-button__inner-text{font-weight:600 !important;}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/catenacompany.be\/en\/technologies\/\"><span class=\"stk-button__inner-text\">Want to know more about DDPS or DAM?<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Tips for using Adobe XD<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-37f09d4\" data-block-id=\"37f09d4\"><style>.stk-37f09d4 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\"><strong>Design in Adobe XD<\/strong>&nbsp;<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e6a50ad\" data-block-id=\"e6a50ad\"><style>.stk-e6a50ad {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">In the design environment, you can quickly and professionally create layouts for various applications, including smartphones, tablets, and kiosks, all within a single workspace. Adding images is seamless &#8211; just drag and drop from Adobe Stock, external image databases, shared Adobe Cloud libraries, or your own storage.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-f0591f2\" data-block-id=\"f0591f2\"><style>.stk-f0591f2 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Familiar features such as character styles, global colours, and symbols are readily available in Adobe XD. Additionally, the software offers unique tools like a non-destructive pathfinder and seamless integration with Photoshop and Illustrator files, preserving layers and effects. With UI kits for various platforms and efficient tools like repeating grids and copy\/paste appearance, you can quickly produce consistent, professional designs. Best of all, the output is always responsive.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-540e68f\" data-block-id=\"540e68f\"><style>.stk-540e68f {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\"><strong>The prototype environment<\/strong><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-1433e21\" data-block-id=\"1433e21\"><style>.stk-1433e21 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">In the prototype environment, you can easily add interactions between buttons and screens &#8211; no programming required. Simply link screens and define swipe or click gestures by dragging and dropping. Animations are generated automatically, eliminating the need to adjust timelines manually. The preview function allows you to test your final result interactively. Install the Adobe XD app on your mobile devices to test your project directly on the intended platforms.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-89a0da3\" data-block-id=\"89a0da3\"><style>.stk-89a0da3 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\"><strong>Online review platform<\/strong>&nbsp;<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-01f15ed\" data-block-id=\"01f15ed\"><style>.stk-01f15ed {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Adobe also offers an online review platform that allows you to give feedback and test the application. It allows you to easily add comments, and even include a demonstration video if necessary. The final result can be exported to <a href=\"https:\/\/catenacompany.be\/en\/event\/adobe-after-effects-training\/\" data-type=\"event\" data-id=\"4046\">Adobe After Effects<\/a> for further editing if required. For collaboration with developers, there is the &#8216;share for development&#8217; feature. It lets you share your project online, so developers have instant access to all visual details, saving time and making the process more efficient.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-160e555\" data-block-id=\"160e555\"><style>.stk-160e555 {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\"><strong>Adobe XD &amp; more<\/strong>&nbsp;<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-76e912f\" data-block-id=\"76e912f\"><style>.stk-76e912f {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Want to expand your Adobe XD projects? Several external tools are available, e.g., ProtoPie, which allow you to easily add extra design features and impressive animations. Support for multiple timelines allows you to fine-tune visual features. Thus, Adobe XD becomes seamlessly part of a broader design workflow.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-92f831a\" data-block-id=\"92f831a\"><style>.stk-92f831a {margin-bottom:32px !important;}<\/style><p class=\"stk-block-text__text\">Adobe XD is a strong addition to the existing Adobe offering. Its straightforward interface and powerful features make it ideal for quickly designing professional interfaces. A thorough analysis together with the client is essential so you can create a storyboard that clearly reflects the project scope: for an optimal user experience before the creative process begins. Adobe XD offers the perfect solution, responding to the needs of the future.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-d332dab\" data-block-id=\"d332dab\"><style>.stk-d332dab .stk-button-group{flex-direction:row !important;}@media screen and (max-width:999px){.stk-d332dab .stk-button-group{flex-direction:row !important;}}@media screen and (max-width:689px){.stk-d332dab .stk-button-group{flex-direction:row !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-ece1688\" data-block-id=\"ece1688\"><style>.stk-ece1688 {transition-duration:0.2s !important;--stk-transition-duration:0.2s !important;transition-timing-function:ease-out !important;}.stk-ece1688:hover{transform:translateY(-4px) !important;}.stk-ece1688 .stk-button{min-height:48px !important;padding-right:20px !important;padding-left:20px !important;border-top-left-radius:8px !important;border-top-right-radius:8px !important;border-bottom-right-radius:8px !important;border-bottom-left-radius:8px !important;}.stk-ece1688 .stk-button:hover:after{background:var(--theme-palette-color-1, #EC784A) !important;opacity:1 !important;}.stk-ece1688 .stk-button__inner-text{font-weight:600 !important;}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/catenacompany.be\/en\/resources\/customized-trainings\/\"><span class=\"stk-button__inner-text\">Take a customized training course<\/span><\/a><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Laatste update: 21\/11\/2024 Adobe has long been a cornerstone of the graphics industry, offering an impressive portfolio of software designed for graphic and multimedia professionals. It is also a leading solution provider for UX (User Experience) and UI (User Interface) design, setting the industry standard for good reason. With a Creative Cloud subscription, designers gain [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3058,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[36],"tags":[42],"class_list":["post-3281","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-en","tag-trainingen-op-maat-en"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design future-proof web and mobile applications with Adobe XD - Catena Company<\/title>\n<meta name=\"description\" content=\"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design future-proof web and mobile applications with Adobe XD - Catena Company\" \/>\n<meta property=\"og:description\" content=\"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/\" \/>\n<meta property=\"og:site_name\" content=\"Catena Company\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/catenacompany\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-05T09:08:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-06T14:07:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tim Melis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim Melis\" \/>\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:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/\"},\"author\":{\"name\":\"Tim Melis\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#\\\/schema\\\/person\\\/d596b736710d6261713772ba6df0c4cd\"},\"headline\":\"Design future-proof web and mobile applications with Adobe XD\",\"datePublished\":\"2019-02-05T09:08:00+00:00\",\"dateModified\":\"2025-03-06T14:07:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/\"},\"wordCount\":765,\"publisher\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/blog-xd.png\",\"keywords\":[\"Trainingen op maat\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/\",\"url\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/\",\"name\":\"Design future-proof web and mobile applications with Adobe XD - Catena Company\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/blog-xd.png\",\"datePublished\":\"2019-02-05T09:08:00+00:00\",\"dateModified\":\"2025-03-06T14:07:05+00:00\",\"description\":\"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#primaryimage\",\"url\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/blog-xd.png\",\"contentUrl\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/blog-xd.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/blog-en\\\/design-future-proof-web-and-mobile-applications-with-adobe-xd\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design future-proof web and mobile applications with Adobe XD\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/\",\"name\":\"Catena Company\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#organization\",\"name\":\"Catena Company\",\"url\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/catena-company-logo-color.svg\",\"contentUrl\":\"https:\\\/\\\/catenacompany.be\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/catena-company-logo-color.svg\",\"width\":250,\"height\":81,\"caption\":\"Catena Company\"},\"image\":{\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/catenacompany\",\"https:\\\/\\\/www.instagram.com\\\/catenacompany\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/273438\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/catenacompany.be\\\/en\\\/#\\\/schema\\\/person\\\/d596b736710d6261713772ba6df0c4cd\",\"name\":\"Tim Melis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g\",\"caption\":\"Tim Melis\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design future-proof web and mobile applications with Adobe XD - Catena Company","description":"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.","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:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/","og_locale":"en_US","og_type":"article","og_title":"Design future-proof web and mobile applications with Adobe XD - Catena Company","og_description":"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.","og_url":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/","og_site_name":"Catena Company","article_publisher":"https:\/\/www.facebook.com\/catenacompany","article_published_time":"2019-02-05T09:08:00+00:00","article_modified_time":"2025-03-06T14:07:05+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png","type":"image\/png"}],"author":"Tim Melis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tim Melis","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#article","isPartOf":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/"},"author":{"name":"Tim Melis","@id":"https:\/\/catenacompany.be\/en\/#\/schema\/person\/d596b736710d6261713772ba6df0c4cd"},"headline":"Design future-proof web and mobile applications with Adobe XD","datePublished":"2019-02-05T09:08:00+00:00","dateModified":"2025-03-06T14:07:05+00:00","mainEntityOfPage":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/"},"wordCount":765,"publisher":{"@id":"https:\/\/catenacompany.be\/en\/#organization"},"image":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#primaryimage"},"thumbnailUrl":"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png","keywords":["Trainingen op maat"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/","url":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/","name":"Design future-proof web and mobile applications with Adobe XD - Catena Company","isPartOf":{"@id":"https:\/\/catenacompany.be\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#primaryimage"},"image":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#primaryimage"},"thumbnailUrl":"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png","datePublished":"2019-02-05T09:08:00+00:00","dateModified":"2025-03-06T14:07:05+00:00","description":"Designing apps that are future-proof requires smart tools. Adobe XD helps you design web and mobile applications efficiently.","breadcrumb":{"@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#primaryimage","url":"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png","contentUrl":"https:\/\/catenacompany.be\/wp-content\/uploads\/2019\/02\/blog-xd.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/catenacompany.be\/en\/blog-en\/design-future-proof-web-and-mobile-applications-with-adobe-xd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/catenacompany.be\/en\/"},{"@type":"ListItem","position":2,"name":"Design future-proof web and mobile applications with Adobe XD"}]},{"@type":"WebSite","@id":"https:\/\/catenacompany.be\/en\/#website","url":"https:\/\/catenacompany.be\/en\/","name":"Catena Company","description":"","publisher":{"@id":"https:\/\/catenacompany.be\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/catenacompany.be\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/catenacompany.be\/en\/#organization","name":"Catena Company","url":"https:\/\/catenacompany.be\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/catenacompany.be\/en\/#\/schema\/logo\/image\/","url":"https:\/\/catenacompany.be\/wp-content\/uploads\/2024\/09\/catena-company-logo-color.svg","contentUrl":"https:\/\/catenacompany.be\/wp-content\/uploads\/2024\/09\/catena-company-logo-color.svg","width":250,"height":81,"caption":"Catena Company"},"image":{"@id":"https:\/\/catenacompany.be\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/catenacompany","https:\/\/www.instagram.com\/catenacompany\/","https:\/\/www.linkedin.com\/company\/273438"]},{"@type":"Person","@id":"https:\/\/catenacompany.be\/en\/#\/schema\/person\/d596b736710d6261713772ba6df0c4cd","name":"Tim Melis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/afdfc29ce52865a66a9ef79380e3618099db85c7cfb97a30cc551c5c45b015d0?s=96&d=mm&r=g","caption":"Tim Melis"}}]}},"_links":{"self":[{"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/posts\/3281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/comments?post=3281"}],"version-history":[{"count":1,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/posts\/3281\/revisions"}],"predecessor-version":[{"id":6178,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/posts\/3281\/revisions\/6178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/media\/3058"}],"wp:attachment":[{"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/media?parent=3281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/categories?post=3281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/catenacompany.be\/en\/wp-json\/wp\/v2\/tags?post=3281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}