Best workflow for AI-generated UI mockup to real DOM web page?

AI 생성 UI 목업을 실제 DOM 웹 페이지로 전환하는 최상의 워크플로우를 요청하는 글입니다.

이 글에서는 복잡한 AI 생성 비주얼 목업을 실제 DOM 웹 페이지로 변환하는 과정을 탐구하고 있습니다. 저자는 CSS 및 이미지 오버레이 등 다양한 방법을 시도했으나, 각각의 단점이 있음을 지적합니다. 최종적으로는 Figma나 Photoshop을 활용한 레이어 재구성 후 DOM 오버레이 방식이 가장 적합한지에 대한 질문을 던지고 있습니다. 실제로 배포된 사례를 통해 검증된 워크플로우에 대한 의견을 구하고 있습니다.

A request for the best workflow to convert AI-generated UI mockups into real DOM web pages.

This article explores the process of converting complex AI-generated visual mockups into real DOM web pages. The author highlights various methods attempted, such as CSS-only recreation and image overlays, each with significant downsides. Ultimately, they question whether the best approach is still manual layer reconstruction in Figma/Photoshop followed by DOM overlay. The author seeks insights on mature workflows that have been successfully deployed in real projects.