{"id":18263,"date":"2026-06-09T11:00:35","date_gmt":"2026-06-09T09:00:35","guid":{"rendered":"https:\/\/www.centigrade.de\/blog\/software-modernisierung-mit-ki-schrittweise-meistern-teil-2\/"},"modified":"2026-06-09T11:15:50","modified_gmt":"2026-06-09T09:15:50","slug":"software-modernisierung-mit-ki-schrittweise-meistern-teil-2","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/en\/blog\/software-modernisierung-mit-ki-schrittweise-meistern-teil-2\/","title":{"rendered":"Mastering Software Modernization with AI \u2014 Part 2"},"content":{"rendered":"<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">When legacy <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"12\">software becomes barely <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"36\">maintainable, the desire for a radical <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"75\">fresh start quickly emerges: <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"104\">tear it all down, build it <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"131\">all new, do it right <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"152\">this time. In the first <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"176\">part of this series, <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"197\">Thomas Immich outlined <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"220\">the vision of an AI <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"240\">agent that transforms <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"262\">outdated legacy systems into <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"291\">modern, well-maintainable <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"317\">applications with a compelling <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"348\">user experience. The key point: even <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"385\">problematic legacy systems contain <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"420\">something valuable. They already encode <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"460\">implemented requirements. How to <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"493\">systematically recover those <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"522\">requirements from existing systems and <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"561\">derive an AI-supported, user-centered <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"599\">modernization process from them is what <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"639\">I&#8217;ll show in this second part.<\/span><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<p><!--more--><\/p>\n<div class=\"_chunkWrapper_bsh32_21\">\n<h3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"2\">When Modernization Is the Right Path<\/span><\/h3>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">When adding features and fixing bugs <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"37\">in your own software starts to feel <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"73\">like a game of Jenga, when sprint <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"107\">planning keeps turning up the <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"137\">proverbial bomb and even minor changes <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"176\">trigger multi-sprint chain <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"203\">reactions, it&#8217;s clear: the system is <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"240\">under pressure. The obvious <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"268\">question then isn&#8217;t just how to <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"300\">stabilize it, but also whether it&#8217;s <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"336\">worth investing in at all. <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"363\">Wouldn&#8217;t a complete rebuild be <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"394\">more consistent?<\/span><\/p>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">The answer <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"11\">is unspectacular but <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"32\">important: it depends.<\/span><\/p>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">With a small <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"13\">user base, the risks of a <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"39\">radical cut may be manageable. But <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"74\">with a large user base, the <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"102\">risks increase <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"117\">significantly. Even small changes are <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"155\">noticed, especially by power users, <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"191\">because they affect established <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"223\">routines, shortcuts, and mental <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"255\">models. Failing to involve these <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"288\">people sufficiently risks <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"314\">acceptance problems precisely <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"344\">where the system is used most <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"374\">intensively in daily work.<\/span><\/p>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">There&#8217;s <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"8\">another factor: software <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"33\">development is expensive. <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"59\">Modernization offers the opportunity <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"96\">to consciously manage risks <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"124\">and costs, because not <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"147\">everything has to be replaced at <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"180\">once. Instead, functional <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"206\">areas can be prioritized, <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"232\">validated, and renewed step by <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"263\">step.<\/span><\/p>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">This allows users to <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"21\">be brought along early. At the <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"52\">same time, it reduces the risk of <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"86\">developing a new system over a <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"117\">long period that ends up looking <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"150\">modern but misses real usage <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"179\">requirements.<\/span><\/p>\n<\/div>\n<div class=\"_chunkWrapper_bsh32_21\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span class=\"_animating_bsh32_10\" data-newtext-seq=\"0\">The strongest <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"14\">argument for modernization, however, <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"51\">lies in the long-term reduction <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"83\">of costs for further development <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"116\">and maintenance. Positive <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"142\">effects for marketing and sales <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"174\">through a visibly modern <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"199\">application are an added benefit, but <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"237\">they shouldn&#8217;t be the <\/span><span class=\"_animating_bsh32_10\" data-newtext-seq=\"259\">sole driver.<\/span><\/p>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-18254 size-large aligncenter\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-1365x1024.webp\" alt=\"\" width=\"1365\" height=\"1024\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-1365x1024.webp 1365w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-300x225.webp 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-768x576.webp 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-1536x1152.webp 1536w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-2048x1536.webp 2048w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-24x18.webp 24w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-36x27.webp 36w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Tecan-Introspect-KeyVisual-48x36.webp 48w\" sizes=\"auto, (max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><em>Figure 1 \u2014 Good UI design contributes significantly to UX, as illustrated by Centigrade&#8217;s work for Tecan Introspect. <a href=\"http:\/\/(https:\/\/links.centigrade.de\/en\/references\/intuitive-data-visualisation-laboratory-software)\">(https:\/\/links.centigrade.de\/en\/references\/intuitive-data-visualisation-laboratory-software)<\/a>. But good UX depends on further factors beyond design.<\/em><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">What matters most is working cleanly throughout the entire process, from requirements analysis to shipping modernized software components. Good requirements management helps define sensible packages and set the right focus. Prototyping and usability testing help ensure you&#8217;re not just building something new, but building the right thing. And a design specification that is &#8220;AI-ready&#8221; ensures that current AI tools can support efficiently without sacrificing quality or traceability.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">That alone, however, doesn&#8217;t guarantee the application won&#8217;t become another hard-to-maintain Frankenstein system. Especially with tools like Mistral, Claude, Copilot, Codex and the like, features are generated quickly, pull requests are opened fast, and the next development step is kicked off in no time. Using that speed advantage without clear architectural and quality guardrails means potentially working directly toward the next modernization.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Modern language models should therefore not be understood as a shortcut around the process, but as an accelerator within a good process. Deliberate architecture and technology decisions are central to this. A modern tech stack that is actively maintained and allows interchangeable components is a foundation for maintainability. Suitable frameworks, libraries, and standards such as Angular Material, React, Vue.js, or Three.js can support rapid feature development without diluting the architecture. Visual customizations become easier through <a href=\"https:\/\/tailwindcss.com\/\">Tailwind CSS<\/a> or <a href=\"http:\/\/motion.dev\">Framer Motion<\/a>. And future AI-powered concepts for onboarding, help, or dedicated workflows with AI agents and MCPs can be integrated more quickly when the architecture is prepared for them.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Modernization remains complex. But with a structured, incremental approach, that complexity becomes manageable: user-centered, technically sound, and with a clear view of the risks.<\/p>\n<h3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">How to Extract Requirements from Legacy Systems<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">When structuring the modernization of a legacy system, the focus, as with any new development, should be on user requirements. They reveal which areas of the software are genuinely important from a usage perspective. This perspective should largely determine where functions are added, improved, or deliberately left unchanged. Because the value of software doesn&#8217;t come from the quantity of its features, but from how well it supports real tasks. That&#8217;s precisely why this perspective is also decisive for the <a href=\"https:\/\/www.centigrade.de\/en\/blog\/ux-design-return-on-invest-roi\/\">ROI of UX based on professional human-centered work.<\/a><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Of course, understanding where the greatest technical debt lies is also relevant. But technical debt alone doesn&#8217;t answer the prioritization question. Why refactor an area used once a month when another area is slowing down daily work or generating errors?<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">What we&#8217;re looking for, at minimum, is the 80-percent case: the areas where daily work actually happens. That&#8217;s where modernization has the greatest impact on users, productivity, and acceptance. This knowledge makes prioritization decisions more robust and helps place investments where they&#8217;ll have real effect.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">How do we find out which parts of the software are used how often? Through usage data analysis. It shows which functions are most relevant, where problems occur, and where changes are particularly sensitive. In practice, we use established tools like Kibana, Matomo, or Google Analytics so that modernization decisions are based not just on gut feeling, but on solid data.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">At the same time, a picture emerges that is also central to revising and redesigning UI concepts: which users use which functions, in what context, and toward what goal? This combination of behavior, context, and goal forms the foundation for good UI design.<\/p>\n<h3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Why Vibe Coding Alone Isn&#8217;t Enough<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Once the relevant usage data is available, the next step can seem deceptively simple: clean up the context, feed AI tools with requirements and architecture notes, and generate an implementation plan as quickly as possible. With good context engineering, surprisingly plausible-sounding proposals can indeed emerge very quickly.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">But this is exactly where the critical boundary lies. The risk-minimizing effects of modernization only reliably materialize when &#8220;forward engineering&#8221; is carried out cleanly after &#8220;reverse engineering&#8221; the requirements. Users must be deliberately involved, and UX must not merely function as a surface-level promise. It must genuinely be embedded in the requirements, the concept, the interaction, and the implementation.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">A clean forward engineering process also creates the ability to respond to market shifts, technological developments, and changing user expectations. These insights can then deliberately flow into the modernized components. Technology and architecture decisions should be based on validated design, which in turn should emerge from validated requirements.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Only when human intervention, expert judgment, and quality assurance are embedded in this process can AI meaningfully accelerate the overall workflow.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18256 size-large\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-1500x694.webp\" alt=\"\" width=\"1500\" height=\"694\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-1500x694.webp 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-300x139.webp 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-768x355.webp 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-1536x710.webp 1536w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-2048x947.webp 2048w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-24x11.webp 24w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-36x17.webp 36w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/02-NutzerzentrierteSoftwaremodernisierug-48x22.webp 48w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><em>Figure 2 \u2014 User-centered software modernization<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Where AI Supports the UX and Software Development Process<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Current language models (as of April 2026) are already highly capable and developing rapidly. They become especially effective not in isolation, but in combination with automation, for example with <a href=\"http:\/\/n8n.io\">n8n<\/a>. This combination offers several advantages over using individual AI tools alone:<\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">It saves tokens and therefore costs and resources. Only this makes true scalability possible, without agents becoming token-burning machines.<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">It reduces dependency on a single language model and enables selective use of different systems to produce reliable, efficient, and high-quality output. Sensitive parts can be processed with local models where needed.<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">It gives people control over the process, particularly through deliberately placed breakpoints where experts make decisions.<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">This is especially relevant in the early phases of the software development process. That&#8217;s where requirements and UI designs are validated and implementation-ready specifications are created that are usable by both humans and AI-powered implementation.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">At Centigrade, AI in combination with automation already supports work across a range of task areas. The following list is intentionally not exhaustive, but shows where practical benefits are already visible today:<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>UX Research<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Analysis and validation of user needs<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Creation of AI personas from data collection or deep research<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Qualitative coding<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Usability testing with computer-using agents<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Generation of interview guides<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Persona segmentation<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Persona conversations<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Concept Design<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Generation of flow charts<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Wireframe brainstorming<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Generation of scenario maps<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Concept specification<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Visual<\/strong> <strong>Design<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Generation of screens (see Figure 2 for an example)<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Design specification<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Prototyping<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Generation of clickable prototypes<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Specification<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Requirements specification<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Further development and maintenance of design systems<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">UI kit<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Design guidelines<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Component library<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">In addition, there is the already-mentioned support in software engineering, for example in planning, implementation, testing, delivery, and bug fixing.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">One concrete example is automated screen creation in Figma (see Figure 3), as of February 2026, and entirely without the Figma Remote MCP. Input is provided by personas, scenarios, and user needs that were automatically generated from qualitative survey data. We curate these results and hand them off to Claude Code, which then independently creates Figma screens via a local MCP and corresponding n8n workflows. The result is efficiently generated, editable screens that provide a solid foundation for brainstorming and directional decisions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18258 size-large\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-1500x422.webp\" alt=\"\" width=\"1500\" height=\"422\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-1500x422.webp 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-300x84.webp 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-768x216.webp 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-1536x432.webp 1536w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-2048x576.webp 2048w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-24x7.webp 24w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-36x10.webp 36w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/03-AutomatisierteScreenerstellung-48x13.webp 48w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><em>Figure 3 \u2014 Information flow for automated screen creation in Figma using AI, based on user needs and user context<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The Role That Humans Retain<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Modernizing a legacy system can deliver significant value with or without AI support. But that value only becomes reliable through a clean process, led by people who deploy AI deliberately. Because there&#8217;s one area where human expertise remains central: critical judgment.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">No matter how carefully you prepare the AI context, there are decisions that require professional assessment, experience, and accountability. Two examples:<\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Prioritizing features at the intersection of usage data, current stakeholder requirements, and strategic business decisions<\/li>\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Assessing the quality of interim results against the backdrop of the usage context, the project and company architecture, and the interests of all project and product stakeholders<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">It follows that the orchestration of AI agents should ultimately rest with people. Only then can AI support be integrated into the overall process in a project-pragmatic way, with an adoption pace that accounts for technical complexity, costs, and organizational maturity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18260 size-large\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-1500x773.webp\" alt=\"\" width=\"1500\" height=\"773\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-1500x773.webp 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-300x155.webp 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-768x396.webp 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-1536x791.webp 1536w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-2048x1055.webp 2048w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-24x12.webp 24w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-36x19.webp 36w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/04-PlanEinfuehrungKiUnterstuetzung-48x25.webp 48w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><em>Figure 4 \u2014 Plan for introducing AI support into the software development process<\/em><\/p>\n<p>&nbsp;<\/p>\n<div>\n<div data-test-render-count=\"1\">\n<div class=\"group\">\n<div class=\"contents\">\n<div class=\"group relative relative pb-3\" data-is-streaming=\"false\">\n<div class=\"font-claude-response relative leading-[1.65rem] [&amp;_pre&gt;div]:bg-bg-000\/50 [&amp;_pre&gt;div]:border-0.5 [&amp;_pre&gt;div]:border-border-400 [&amp;_.ignore-pre-bg&gt;div]:bg-transparent [&amp;_.standard-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.standard-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8 [&amp;_.progressive-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.progressive-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8\">\n<div>\n<div class=\"standard-markdown grid-cols-1 grid [&amp;_&gt;_*]:min-w-0 gap-3 standard-markdown\">\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">AI can accelerate modernization. But user-centered modernization only emerges when that acceleration is consciously guided and understood by the people on the team.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Modernization therefore doesn&#8217;t mean replacing a legacy system with something new as quickly as possible. It means taking the knowledge embedded in the existing system seriously, carefully working out usage requirements, and connecting technical renewal step by step with real product impact. AI can accelerate, structure, and relieve that process at many points. But what remains decisive is that modernization is led deliberately, with clear priorities, validated decisions, and a consistently user-centered view of what change actually creates value for users, teams, and the organization.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":38,"featured_media":0,"template":"","tags":[840,983,1073,1033,1052,635,637],"class_list":["post-18263","blog","type-blog","status-publish","hentry","tag-ai","tag-ki-2","tag-n8n","tag-software-modernisierung","tag-software-modernization","tag-ui-design-en","tag-ui-design-en-2"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/blog\/18263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":4,"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/blog\/18263\/revisions"}],"predecessor-version":[{"id":18267,"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/blog\/18263\/revisions\/18267"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/media?parent=18263"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/en\/wp-json\/wp\/v2\/tags?post=18263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}