[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-sap-design-system-ai-cross-platform-ui-kits-en":3,"article-related-sap-design-system-ai-cross-platform-ui-kits-en":31,"series-tools-420673b6-0c3b-4ace-82a6-b840790fa9ea":74},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":23,"views":27,"created_at":28,"published_at":29,"topic_cluster_id":30},"420673b6-0c3b-4ace-82a6-b840790fa9ea","sap-design-system-ai-cross-platform-ui-kits-en","SAP Design System adds AI and cross-platform UI kits","\u003Cp>Design teams building SAP apps need one system that works across web, mobile, and AI features without drifting from brand or accessibility rules.\u003C\u002Fp>\u003Cp data-speakable=\"summary\">SAP updated its Design System with UI kits, accessibility guidance, and AI design support for enterprise apps.\u003C\u002Fp>\u003Cp>The company’s design hub now groups \u003Ca href=\"https:\u002F\u002Fwww.sap.com\u002Fdesign-system\" target=\"_blank\" rel=\"noopener\">SAP Design System\u003C\u002Fa> resources for \u003Ca href=\"https:\u002F\u002Fexperience.sap.com\u002Ffiori-design-web\u002F\" target=\"_blank\" rel=\"noopener\">SAP Fiori for Web\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fexperience.sap.com\u002Ffiori-design-android\u002F\" target=\"_blank\" rel=\"noopener\">SAP Fiori for Android\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fexperience.sap.com\u002Ffiori-design-ios\u002F\" target=\"_blank\" rel=\"noopener\">SAP Fiori for iOS\u003C\u002Fa>, and the \u003Ca href=\"https:\u002F\u002Fexperience.sap.com\u002Fdesign-system\u002F\" target=\"_blank\" rel=\"noopener\">SAP Digital Design System\u003C\u002Fa>.\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>數值\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Platform kits\u003C\u002Ftd>\u003Ctd>4\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Core principles\u003C\u002Ftd>\u003Ctd>5\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>AI focus\u003C\u002Ftd>\u003Ctd>Joule Work and generative AI guidance\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Design priorities\u003C\u002Ftd>\u003Ctd>Simple, delightful, coherent, role-based, adaptive\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>What changed\u003C\u002Fh2>\u003Cp>SAP’s design page now highlights a broader set of resources for product teams, with a stronger emphasis on AI-led workflows and consistent UI patterns. The “What’s New” area points to work around \u003Ca href=\"https:\u002F\u002Fwww.sap.com\u002Fproducts\u002Fartificial-intelligence.html\" target=\"_blank\" rel=\"noopener\">Joule\u003C\u002Fa>, compositional design, and product illustrations used to explain AI features more clearly.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1785009770541-f99f.png\" alt=\"SAP Design System adds AI and cross-platform UI kits\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cul>\u003Cli>Web, Android, iOS, and digital UI kits are all surfaced from one hub.\u003C\u002Fli>\u003Cli>Newer guidance focuses on AI collaboration and end-to-end business processes.\u003C\u002Fli>\u003Cli>Design content calls out inclusive and accessible defaults from the start.\u003C\u002Fli>\u003Cli>The system is framed as enterprise-grade, with support for large SAP product portfolios.\u003C\u002Fli>\u003C\u002Ful>\u003Cp>SAP also spells out the system’s design principles: simple, delightful, coherent, role-based, and adaptive. Those principles are paired with building blocks such as visual foundation, UI elements, and UI technologies, so teams can move from concept to implementation with fewer handoffs.\u003C\u002Fp>\u003Ch2>Why it matters\u003C\u002Fh2>\u003Cp>For developers, a centralized system reduces guesswork when building SAP-facing apps across devices and form factors. It also gives teams a clearer path for adding AI features without inventing new interaction patterns for every product.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1785009769740-zl9v.png\" alt=\"SAP Design System adds AI and cross-platform UI kits\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>For the market, SAP is signaling that enterprise software design now includes AI behavior, accessibility, and cross-platform consistency in the same workflow. That matters because buyers increasingly expect business apps to feel coherent whether they run in a browser, on a phone, or inside an AI-assisted process.\u003C\u002Fp>\u003Cp>The key question is no longer whether enterprise software needs a design system, but how quickly teams can adapt one for AI-driven work without breaking consistency.\u003C\u002Fp>","SAP updated its Design System with AI guidance, Joule Work references, and UI kits for web, Android, iOS, and digital apps.","www.sap.com","https:\u002F\u002Fwww.sap.com\u002Fdesign-system",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1785009770541-f99f.png","tools","en","08c27def-4f0f-4959-b7bd-e112d1dd8f8d",[17,18,19,20,21,22],"SAP Design System","SAP Fiori","enterprise UX","design system","Joule","AI design",[24,25,26],"SAP expanded its design hub with web, Android, iOS, and digital UI kits.","The update adds more visible guidance for AI-led experiences and Joule Work.","Accessibility, consistency, and enterprise scale remain the main design goals.",0,"2026-07-25T20:02:25.694093+00:00","2026-07-25T20:02:25.685+00:00","c7630382-34a7-4c3e-b7be-d2143b76b571",{"tags":32,"relatedLang":33,"relatedPosts":37},[],{"id":15,"slug":34,"title":35,"language":36},"sap-design-system-ai-cross-platform-ui-kits-zh","SAP Design System 加入 AI 與跨平台 UI Kit","zh",[38,44,50,56,62,68],{"id":39,"slug":40,"title":41,"cover_image":42,"image_url":42,"created_at":43,"category":13},"af390767-7bcd-48b5-90ba-04e66e8f4321","openai-hf-breach-security-template-en","OpenAI's HF breach story turns into a security template","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1785024218257-ltcb.png","2026-07-26T00:03:16.286655+00:00",{"id":45,"slug":46,"title":47,"cover_image":48,"image_url":48,"created_at":49,"category":13},"3cc7f859-2c79-4986-8595-d2fb4d1ebf20","chatgpt-health-turns-chat-into-health-layer-en","ChatGPT Health turns general chat into a health layer","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1785002604133-av4x.png","2026-07-25T18:02:50.752174+00:00",{"id":51,"slug":52,"title":53,"cover_image":54,"image_url":54,"created_at":55,"category":13},"d3d3fbf5-a296-4a9f-93d2-f4166a10b8fc","microsoft-azure-amd-ai-hpc-2026-en","Microsoft adds AMD chips to Azure AI and HPC","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784964758709-xlin.png","2026-07-25T07:32:16.08622+00:00",{"id":57,"slug":58,"title":59,"cover_image":60,"image_url":60,"created_at":61,"category":13},"b52945dd-3e03-466d-ba4a-084791e4a669","kimi-k3-vs-glm-5-2-one-endpoint-test-en","Kimi K3 vs GLM-5.2: a one-endpoint test","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784918019528-pcma.png","2026-07-24T18:33:10.884237+00:00",{"id":63,"slug":64,"title":65,"cover_image":66,"image_url":66,"created_at":67,"category":13},"12340bc0-9028-45f9-9346-e1befbff39c2","gemini-live-camera-turns-seeing-into-help-en","Gemini Live camera turns seeing into help","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784851389552-dcfs.png","2026-07-24T00:02:42.172592+00:00",{"id":69,"slug":70,"title":71,"cover_image":72,"image_url":72,"created_at":73,"category":13},"7f6fdd23-d3c5-463f-a315-41755e985e54","jianguoyun-file-sharing-sync-not-shipping-en","JianGuoYun Wins Because File Sharing Should Be Sync, Not Shipping","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784797377968-6dpl.png","2026-07-23T09:02:34.502168+00:00",[75,80,85,90,95,100,105,110,115,120],{"id":76,"slug":77,"title":78,"created_at":79},"8008f1a9-7a00-4bad-88c9-3eedc9c6b4b1","surepath-ai-mcp-policy-controls-en","SurePath AI's New MCP Policy Controls Enhance AI Security","2026-03-26T01:26:52.222015+00:00",{"id":81,"slug":82,"title":83,"created_at":84},"27e39a8f-b65d-4f7b-a875-859e2b210156","mcp-standard-ai-tools-2026-en","MCP Standard in 2026: Integrating AI Tools","2026-03-26T01:27:43.127519+00:00",{"id":86,"slug":87,"title":88,"created_at":89},"165f9a19-c92d-46ba-b3f0-7125f662921d","rag-2026-transforming-enterprise-ai-en","How RAG in 2026 is Transforming Enterprise AI","2026-03-26T01:28:11.485236+00:00",{"id":91,"slug":92,"title":93,"created_at":94},"6a2a8e6e-b956-49d8-be12-cc47bdc132b2","mastering-ai-prompts-2026-guide-en","Mastering AI Prompts: A 2026 Guide for Developers","2026-03-26T01:29:07.835148+00:00",{"id":96,"slug":97,"title":98,"created_at":99},"3ab2c67e-4664-4c67-a013-687a2f605814","garry-tan-open-sources-claude-code-toolkit-en","Garry Tan Open-Sources a Claude Code Toolkit","2026-03-26T08:26:20.245934+00:00",{"id":101,"slug":102,"title":103,"created_at":104},"66a7cbf8-7e76-41d4-9bbf-eaca9761bf69","github-ai-projects-to-watch-in-2026-en","20 GitHub AI Projects to Watch in 2026","2026-03-26T08:28:09.752027+00:00",{"id":106,"slug":107,"title":108,"created_at":109},"9f332fda-eace-448a-a292-2283951eee71","practical-github-guide-learning-ml-2026-en","A Practical GitHub Guide to Learning ML in 2026","2026-03-27T01:16:50.125678+00:00",{"id":111,"slug":112,"title":113,"created_at":114},"1b1f637d-0f4d-42bd-974b-07b53829144d","aiml-2026-student-ai-ml-lab-repo-review-en","AIML-2026 Is a Bare-Bones Student Lab Repo","2026-03-27T01:21:51.661231+00:00",{"id":116,"slug":117,"title":118,"created_at":119},"6d1bf3f6-e191-4d30-b55b-8a0722fa6afe","ai-trending-github-repos-and-research-feeds-en","AI Trending Tracks Repos and Research Feeds","2026-03-27T01:31:35.709532+00:00",{"id":121,"slug":122,"title":123,"created_at":124},"010539a1-4c3a-4bd3-937a-26616422ee0d","awesome-ai-for-science-research-tools-map-en","Awesome AI for Science Is Becoming a Real Research Map","2026-03-27T01:46:50.89513+00:00"]