디자인 AI용 — 피그마 · 캔바 · v0 · Lovable · Bolt · Framer · Uizard 등

화면·UI 디자인 스튜디오 (Ultimate)

산출물 형식과 디자인 언어, 브랜드 고정값을 고르면 쓰시는 디자인 도구에 그대로 붙여 넣을 지시문이 나옵니다 — 피그마든 웹 디자인 생성 서비스든 이미지·3D 모델이든. 화면 구조·상태·토큰은 설계 명세로, 에셋과 렌더는 생성 엔진이 바로 읽는 지시로 나눠 씁니다.

붙여 넣을 곳 예시 — 화면 설계는 피그마 AI · 캔바, 웹 디자인 생성은 v0 · Lovable · Bolt · Framer · Uizard, 에셋과 목업은 미드저니 · 이미지 생성 도구, 3D 오브젝트는 3D 생성 도구. 쓰시는 도구가 목록에 없어도 그대로 붙여 넣으면 됩니다.

1. 산출물 형식 및 사양 규격

2. 타겟 뷰포트 & 디바이스 규격

3. 고정 브랜드 아이덴티티 앵커 (색상, 타이포, 라운딩 고정)

여기 입력한 브랜드 토큰(색상, 폰트, 모서리 라운딩)은 생성되는 프롬프트에 그대로 들어갑니다. 화면을 여러 개 만들어도 토큰 값 문구는 동일하게 유지됩니다.

4. 디자인 템플릿

화면이 어떤 결로 보일지 정합니다. 고르지 않으면 지시문이 이 제품에 맞는 언어를 근거와 함께 추천합니다.

기본

5. 생성할 핵심 컴포넌트 목록

프롬프트 종결

위에서 고른 값으로 대상 AI에 붙여 넣을 지시문을 만들어 드립니다.

조립 미리보기 (템플릿)Figma AI

예상 토큰 수: 239

/* UI Design Directive */
[Role]: You are a Figma design-systems engineer.
[Deliverable]: Figma Auto-Layout component spec (frames, variants, tokens)
[Target Viewport & Grid]: Desktop Web (1440px / 12-Column Responsive Grid)
[Design language]: [RECOMMENDED: pick a design language and state why it fits this product]

[Fixed Brand Identity Anchor]:
[FILL IN: brand tokens — colors, type, radius]

[Components & Screen Layout to Construct]:
[FILL IN: components or sections to design]

[Engineering Execution Rules]:
- Spacing Scale: 4px, 8px, 12px, 16px, 24px, 32px, 48px, 64px
- Interactive States: Render Default, Hover (:hover), Active (:active), Focused (:focus-visible), Disabled, Loading Skeleton
- Responsive Behavior: Auto-layout 'Hug' contents or 'Fill' container with zero absolute positioning hacks