techlist.io
KREN
figma

제약 사항을 활용한 (새 탭에서 열림)

design-systemsllmprototypinggen-aiprompt-engineeringfigma-make

디자인과 요리 모두 결과를 좌우하는 것은 사전 준비이며, AI 프롬프트도 마찬가지다. LLM은 공감이나 예의보다 명확한 지시와 제약 조건을 필요로 하므로, 자연어로 막연하게 요청하기보다 구조화된 입력을 제공해야 한다. 글은 디자이너가 AI의 확률적 결과를 의도적이고 반복 가능한 디자인 결과로 바꾸기 위한 프레임워크로 TC-EBC(Task, Context, Elements, Behavior, Constraints)를 제안한다.

명확성이 예의보다 중요한 이유

  • LLM은 감정을 느끼는 존재가 아니라 입력을 해석하는 시스템이므로 “부탁해”, “고마워” 같은 표현은 필요하지 않다.
  • 지나치게 공손한 표현은 요구사항을 더 명확하게 만들기보다 모호성을 늘릴 수 있다.
  • 모델은 깨끗한 지시문, 분명한 맥락, 구체적인 제약 조건을 바탕으로 더 안정적인 결과를 만든다.
  • LLM의 출력은 확률적이고 가변적이지만, 디자인은 정밀하고 반복 가능하며 의도적이어야 한다.
  • 따라서 디자인 분야의 프롬프트 작성에는 단순한 언어 능력보다 시스템적 사고가 필요하다.

미장플라스: 프롬프트도 사전 준비가 핵심

  • 요리에서 미장플라스(mise en place)는 조리 전에 재료와 도구를 모두 준비해 혼란을 줄이는 과정이다.
  • 프롬프트 역시 실행 전에 다음 요소를 정리해야 한다.
    • 명확한 작업
    • 충분한 맥락
    • 필요한 UI 요소
    • 예상되는 동작
    • 구체적인 제약 조건
  • 사전 준비를 잘하면 결과물을 만든 뒤 수정하고 보완하는 비용을 줄일 수 있다.
  • 프롬프트 엔지니어링에서도 의도 정의, 모듈화, 예측 가능성, 제약 조건이 중요한 원칙으로 강조된다.
  • 중요한 것은 고정된 문법을 외우는 것이 아니라, 사용자의 의도와 모델의 해석을 일치시키는 것이다.

TC-EBC 프레임워크

  • Task: AI가 수행해야 할 핵심 작업을 정의한다.
  • Context: 제품의 목적, 사용자, 사용 환경을 설명한다.
  • Elements: 필요한 화면, 기능, 컴포넌트, 콘텐츠를 나열한다.
  • Behavior: 사용자의 행동과 시스템의 반응을 구체적으로 기술한다.
  • Constraints: 플랫폼, 접근성, 레이아웃, 대상 기기 등 지켜야 할 조건을 지정한다.

모호한 프롬프트와 구조화된 프롬프트의 차이

  • 막연한 요청의 예시는 다음과 같다.
    • “식료품 저장 공간이나 냉동고 사진으로 레시피를 추천하는 앱을 만들어 주세요. 알레르기와 선호도도 기억해 주세요.”
  • 이 방식은 핵심 기능이 한 문장 안에 섞여 있고, 화면 구성과 동작 방식이 명확하지 않다.
  • 그 결과 기본 기능은 갖추지만 와이어프레임에 가까운 평범하고 제한적인 결과가 나올 수 있다.
  • 같은 요구를 TC-EBC로 바꾸면 다음처럼 구체화할 수 있다.
    • Task: 식료품 저장 공간·냉장고 사진을 활용한 AI 식사 추천 앱 제작
    • Context: 식이 제한이 있는 가정을 위한 요리 보조 앱
    • Elements: 카메라 입력, 식재료 스캐너, 식이 설정 폼, 식사 추천 목록, 레시피 카드
    • Behavior: 사진 업로드 → 재고 분석 → 식이 선호도 필터링 → 레시피 추천
    • Constraints: 모바일 우선, iOS·Android 지원, 접근성 UI, 여러 가족 프로필 지원
  • 이렇게 작성하면 모델이 요구사항을 빠르게 파악하고, 원하는 UI와 동작을 포함한 결과를 생성할 가능성이 높아진다.

디자이너에게 필요한 프롬프트 작성 방식

  • 프롬프트를 한 번에 길게 작성하기보다 요구사항을 역할별로 분리하면 모델의 추측 영역을 줄일 수 있다.
  • 특히 “무엇을 만들 것인가”뿐 아니라 “누가 사용하는가”, “어떻게 동작하는가”, “무엇을 반드시 지켜야 하는가”를 함께 제공해야 한다.
  • 구조화된 프롬프트는 디자인 시스템처럼 AI에게 적절한 방향과 범위를 제공한다.
  • Figma Make 같은 프롬프트 기반 프로토타이핑 도구에서는 시각적 결과와 상호작용이 모두 중요하므로, 기능 목록만 제시하는 것보다 화면 요소와 사용자 흐름까지 명시해야 한다.

AI에게 원하는 결과를 얻으려면 자연어로 희망사항을 늘어놓기보다 TC-EBC 형식으로 요구사항을 정리하는 것이 좋다. 특히 Task와 Behavior를 분명히 하고, Elements와 Constraints를 구체적으로 적으면 확률적인 모델 출력을 더 예측 가능하고 실용적인 프로토타입으로 유도할 수 있다.