{"id":4370,"date":"2022-09-27T12:47:31","date_gmt":"2022-09-27T16:47:31","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=4370"},"modified":"2022-09-27T12:47:31","modified_gmt":"2022-09-27T16:47:31","slug":"major-update-to-appflow-design-system","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system","title":{"rendered":"Major update to Appflow design system"},"content":{"rendered":"<p>Appflow\u2019s goal is to help developers ship fast and easily with automated cloud <a href=\"https:\/\/ionic.io\/appflow\/native-builds\">native builds<\/a>, <a href=\"https:\/\/ionic.io\/appflow\/live-updates\">live updates<\/a>, and <a href=\"https:\/\/ionic.io\/appflow\/app-store-publishing\">app publishing<\/a>. A recent update to the design system of Appflow makes that experience even better so developers can trust their deployment process is handled and get back to creating great applications.<\/p>\n<p><!--more--><\/p>\n<p>The Appflow team recently completed the major update, which includes the addition of a new modal component across the entire system. The change significantly improves the user experience for common workflows like creating a new build of your mobile application.<\/p>\n<p>The modal combined with improvements to Appflow routing means that users can now complete other related tasks during the process of creating a new build. Gone are the days of navigating away and losing your build creation progress.<\/p>\n<p>&#8220;It was one of our team&#8217;s most talked about improvements we&#8217;ve wanted to make,&#8221; said Product Designer Beth Thomas. Trevor Lambert, an intern with the Ionic team, also contributed significantly to the project.<\/p>\n<p>With this update, if you need to create a new environment, native configuration, or signing certificate as part of your new native builds, you can manage all of it in a single workflow. The modal allows you to create environments (including variables and secrets) and configurations from the same screen. The updated routing means you can navigate to your signing certificates without having to start the process over. Do it all in less than a minute.<\/p>\n<div style=\"width: 960px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-4370-1\" width=\"960\" height=\"540\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-new-modals.mp4?_=1\" \/><a href=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-new-modals.mp4\">https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-new-modals.mp4<\/a><\/video><\/div>\n<p><\/p>\n<p>This improvement was made system-wide, so you\u2019ll notice the streamlined experience no matter what you\u2019re working on in Appflow.<\/p>\n<p>Want to get started automating your mobile deployments? <a href=\"https:\/\/dashboard.ionicframework.com\/account-setup?loc=billing\">Check out a free trial of Appflow here<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Appflow\u2019s goal is to help developers ship fast and easily with automated cloud native builds, live updates, and app publishing. A recent update to the design system of Appflow makes that experience even better so developers can trust their deployment process is handled and get back to creating great applications.<\/p>\n","protected":false},"author":98,"featured_media":4384,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"1","publish_post_category":"20","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"553377","discourse_permalink":"https:\/\/forum.ionicframework.com\/t\/major-update-to-appflow-design-system\/227272","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[120],"tags":[128,98],"class_list":["post-4370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-appflow","tag-release"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Major update to Appflow design system - Ionic Blog<\/title>\n<meta name=\"description\" content=\"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Major update to Appflow design system\" \/>\n<meta property=\"og:description\" content=\"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-27T16:47:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cecelia Martinez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ceceliacreates\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cecelia Martinez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\"},\"author\":{\"name\":\"Cecelia Martinez\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637\"},\"headline\":\"Major update to Appflow design system\",\"datePublished\":\"2022-09-27T16:47:31+00:00\",\"dateModified\":\"2022-09-27T16:47:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\"},\"wordCount\":304,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png\",\"keywords\":[\"Appflow\",\"release\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\",\"url\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\",\"name\":\"Major update to Appflow design system - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png\",\"datePublished\":\"2022-09-27T16:47:31+00:00\",\"dateModified\":\"2022-09-27T16:47:31+00:00\",\"description\":\"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png\",\"width\":1600,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Major update to Appflow design system\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637\",\"name\":\"Cecelia Martinez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg\",\"caption\":\"Cecelia Martinez\"},\"description\":\"Developer Advocate\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ceceliamartinez\/\",\"https:\/\/x.com\/ceceliacreates\"],\"jobTitle\":\"Developer Advocate\",\"url\":\"https:\/\/ionic.io\/blog\/author\/cecelia\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Major update to Appflow design system - Ionic Blog","description":"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.","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:\/\/ionic.io\/blog\/major-update-to-appflow-design-system","og_locale":"en_US","og_type":"article","og_title":"Major update to Appflow design system","og_description":"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.","og_url":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system","og_site_name":"Ionic Blog","article_published_time":"2022-09-27T16:47:31+00:00","og_image":[{"width":1600,"height":880,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","type":"image\/png"}],"author":"Cecelia Martinez","twitter_card":"summary_large_image","twitter_creator":"@ceceliacreates","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Cecelia Martinez","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system"},"author":{"name":"Cecelia Martinez","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637"},"headline":"Major update to Appflow design system","datePublished":"2022-09-27T16:47:31+00:00","dateModified":"2022-09-27T16:47:31+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system"},"wordCount":304,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","keywords":["Appflow","release"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system","url":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system","name":"Major update to Appflow design system - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","datePublished":"2022-09-27T16:47:31+00:00","dateModified":"2022-09-27T16:47:31+00:00","description":"An update to the design system of Appflow significantly improves the user experience for creating new native builds, live updates, and more.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","width":1600,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/major-update-to-appflow-design-system#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Major update to Appflow design system"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/5e1062699fd542f5a6fe4c72879c1637","name":"Cecelia Martinez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/IMG_4815-150x150.jpeg","caption":"Cecelia Martinez"},"description":"Developer Advocate","sameAs":["https:\/\/www.linkedin.com\/in\/ceceliamartinez\/","https:\/\/x.com\/ceceliacreates"],"jobTitle":"Developer Advocate","url":"https:\/\/ionic.io\/blog\/author\/cecelia"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/09\/appflow-ds-update-feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4370"}],"version-history":[{"count":1,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4370\/revisions"}],"predecessor-version":[{"id":4389,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4370\/revisions\/4389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4384"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}