속보: Figma 디자인을 OpenAI의 GPT-6 Astra에 구현했더니, 시각적 오차가 없었다며 해외에서 화제

【속보】
Figma로 만든 디자인을 OpenAI의 GPT-6 Astra에 구현했더니, 시각적인 오차가 없었다며 해외에서 화제가 되고 있습니다👀

효과가 있었던 것은, 구현 전에 넣은
'화면 디테일을 채우는 스킬' 2가지입니다.
• better-ui (Jakub Krehel 제작)
• emil-design-eng (Emil Kowalski 제작)
• 여백・모서리 반경・정렬 같은 세부 규칙을 알려줌
• 움직임의 속도 등 수치까지 결정해 줍니다
• 적용 방법은 명령어 한 줄 입력만 하면 됩니다 (npx로 하나씩)
• https://t.co/SE5x2LqJjN에서 제작자와 도입 수를 확인할 수 있습니다
• 게시자가 만든 사이트도 공개되어 있습니다.

'AI 구현이 어딘가 조잡하다'의 원인은,
세부 규칙을 전달하지 않았기 때문이었습니다.
디자인 → 구현으로 넘어가면서 발생하던 오차를,
스킬이 미리 메워줍니다.
영상 게시자에 따르면, 이번에는 그 오차가 나타나지 않았다고 합니다.

Figma로 디자인을 제작
↓
스킬을 넣은 GPT-6 Astra가 구현
↓
디자인과 거의 같은 화면이 만들어집니다.
이 흐름이라면,
수정 시간이 상당히 줄어들 것 같습니다.
웹이나 앱의 화면을 만드는 분들은 저장하는 것을 추천합니다👇