마이크로소프트 디자인 웹 코드 생성 모델 공개
마이크로소프트가 이미지 디자인을 참고해 수정 가능한 웹 코드를 만들어 주는 인공지능 모델을 공개했어요.
수정 가능한 웹 코드 생성 방식
새로 공개된 모델은 슬라이드와 포스터 그리고 대시보드를 수정 가능한 HTML과 CSS 코드로 생성해 줘요. 이미지 생성 모델이 만든 참고 이미지에서 레이아웃과 스타일을 가져오고 문구와 수치는 프롬프트를 기준으로 만들도록 학습했어요.
결과물은 완전한 HTML 문서로 출력되며 표는 HTML 테이블로 짜고 차트는 ECharts로 작성해 데이터를 직접 확인하고 수정할 수 있어요. 글자와 데이터의 정확성뿐만 아니라 배치와 여백 및 디자인을 따로 평가하며 강화학습에 반영해요.
공개 모델 사양과 실행 환경
연구진은 Qwen3 VL 기반 8B와 32B 모델 공개 소식을 전했으며 추론할 때 참고 이미지가 없어도 코드를 생성할 수 있어요. 짧은 아이디어에서 요구사항을 만든 뒤 내용을 수정하고 웹 코드를 생성하는 작업 흐름을 지원해요.
학습과 추론 및 브라우저 기반 검증 코드를 함께 열었지만 전체 학습 데이터셋은 포함하지 않았어요. 로컬 실행과 API 연결을 지원하며 32B 모델은 BF16 가중치만으로 약 65GB의 가속기 메모리 필요 조건이 있고 라이선스는 각각 달라요.
이 뉴스의 의미
참고 이미지를 바탕으로 편집 가능한 코드를 생성할 수 있어 유용하지만 실제 구동에 대규모 메모리가 필요해 하드웨어 여건을 확인해야 해요.
