비결정적인 AI로 픽셀을 맞추는 법
같은 Figma 화면을 변환할 때 마다 다른 품질이 나오는 문제를, AI를 걷어내는 대신 AI가 개입하는 구간을 좁히고 그 앞뒤를 결정론으로 감싸서 푼 이야기입니다.
01
이런 분께 권합니다
- Figma에서 코드를 생성하는 파이프라인에 관심있는 Client Engineer, Designer
- 여러 플랫폼에 같은 디자인 시스템을 공급하며 디자이너와 개발자 사이의 반복 작업을 줄이려는 디자인 시스템 오너
02
연사
윤승용AOS Engineering
무신사 Client 를 통해 서비스의 가치를 사용자에게 전달하는데에 집중하고 있습니다.
03
세션 소개
디자인을 코드로 옮기는 일은 서버 개발과 조건이 다릅니다. 서버는 응답값이 맞으면 끝나지만 클라이언트는 보이는 것이 맞아야 하고, 그 정답이 스펙 문서가 아니라 이미지로 존재합니다. 텍스트로 검증할 수 없는 정답을 앞에 두고 비결정적인 LLM을 쓰면, 같은 프레임을 두 번 변환해도 다른 마크업이 나옵니다. 그 상태로는 CI에 넣을 수도, 코드 리뷰를 할 수도, 유지보수를 할 수도 없습니다.
무신사 Client는 여기서 AI를 빼지 않고 AI가 손대는 범위를 줄이는 쪽을 택했습니다. 그 과정과 결과를 공유합니다.
04