AI에게 디자인시스템을 알려준다면 어떻게 바뀔까?

AI로 UI 만드는 실험 많이 보이길래 직접 한번 비교해봤어요!

같은 프롬프트에 디자인 시스템까지 알려준 뒤 AI가 어떤 UI를 만드는지 테스트했어요.

해당 디자인 시스템을 알려주었어요.

실험에 사용한 툴은

✅ Lovable
✅ Stitch
✅ Figma Make

결과를 보니까 생각보다 차이가 꽤 있었어요

• 어떤 AI는 색상은 잘 반영하지만 타이포 위계가 아쉽고
• 어떤 AI는 브랜드 톤은 안정적이지만 UI 디테일이 부족하고
• 어떤 AI는 디자인 시스템을 비교적 잘 반영하더라고요.

특히 흥미로웠던 건
같은 프롬프트인데도 디자인 스타일이 완전히 다르다는 점.

Stitch는 국내보다는 해외 스타일에 가까웠어요.
영문 폰트는 적용을 잘 해주지만 한국어 폰트는 적용을 잘 해주지 못했어요.
그리고 타이포 위계나, 정렬에서도 아쉬움이 보였어요.
배치에서도 실제 데이터 구조를 충분히 고려하지 못한 채 정보를 배치하는 모습이 보여요.

Lovable은 색상과 폰트를 과하지 않게 적용해 브랜드 톤을 깔끔하게 살려줬어요.
확실히 디자인시스템을 적용하니 한층 더 정돈되었지만, 여전히 이모지 사용 비중이 높고 타이포의 위계는 조금 아쉬웠어요.

Figma Make는 디자인시스템 안에서 색상과 폰트 위계를 비교적 안정적으로 정리해줬어요.
디자인시스템을 알려주기 전보다 색상 면에서 훨씬 개선된 게 느껴졌어요.
하지만 페이지마다 디자인 일관성은 다소 아쉬워, 디테일 부분에서는 추가 지시가 필요할 것 같아요.

여러분은 어떤 결과가 가장 좋아보이나요?
각 AI에 디자인시스템 알려준 프롬프트가 궁금하다면 아래 링크에서 확인해 보세요!