Genspark Design

Genspark Design이란 무엇인가요?

Genspark Design은 거친 아이디어에서 전문적이고 바로 사용할 수 있는 디자인까지 — 전적으로 대화만으로 — 이끌어 주는 AI 기반 크리에이티브 스위트입니다. 디자인 소프트웨어 기술이 필요 없습니다.

필요한 것을 일상 언어로 설명하면 Genspark Design이 콘셉트, 레이아웃, 색상, 이미지, 인터랙티브 요소를 처리합니다. 프로토타입을 스케치하는 제품 관리자든, 이벤트 포스터를 만드는 마케터든, 랜딩 페이지를 구축하는 창업자든, 사용자가 주도권을 쥔 채로 AI가 무거운 작업을 맡습니다.

만들 수 있는 것: UI 프로토타입 · 웹사이트 · 포스터 · 애니메이션 · 프레젠테이션 · 마케팅 자산 · 문서

누구를 위한 것인가요: Figma나 Canva 전문성 없이도 전문적인 디자인 결과물이 필요한 제품 관리자, 마케터, 창업자, 엔지니어, 크리에이터.

핵심 이점

• 모든 디자인 유형을 위한 하나의 도구 — 와이어프레임부터 작동하는 코드까지
• 재사용 가능한 Design System으로 브랜드 일관성 유지(Figma, GitHub, 또는 업로드한 자산에서 가져오기)
• Build it으로 클릭 한 번에 실행 가능한 코드로 디자인 배포

시작하기

사전 준비

• Genspark 계정(Free, Plus, 또는 Pro)
• 디자인 소프트웨어, 코딩 지식, Figma 경험 불필요

빠른 시작 — 5분 안에 첫 디자인 만들기

1. 입력창에 디자인을 설명하세요 — 구체적으로든 자유롭게든 원하는 대로 하세요.
2. + 버튼으로 컨텍스트를 선택적으로 첨부하세요: Figma 파일, 스크린샷, GitHub 저장소, 또는 Design System.
3. 전송하세요 — 디자인은 기본적으로 최고 품질로 생성됩니다. AI가 명확히 하기 위한 질문을 할 수 있으니, 답하여 결과물을 다듬으세요.

팁: 어디서 시작해야 할지 모르겠나요? 입력창 아래의 Popular Tasks 예시를 클릭하세요 — 전송 전에 편집할 수 있는 미리 만들어진 프롬프트가 채워집니다.

핵심 개념

주요 용어

용어	의미
Canvas	디자인이 자리 잡고 편집되는 오른쪽 패널
채팅 패널	AI와 대화하는 왼쪽 패널
Design System	모든 디자인에 자동으로 적용되는 저장된 브랜드 스타일(색상, 글꼴, 컴포넌트)
Tweaks	다시 프롬프트할 필요 없이 실시간으로 세밀하게 조정하는 라이브 파라미터 컨트롤
Build it	디자인을 실행 가능한 웹사이트, 앱, 또는 코드 ZIP으로 클릭 한 번에 내보내기
Verifier	생성할 때마다 실행되는 자동 품질 검사(통과 / 수정 필요)
Remix	공유된 디자인을 복사하여 편집 가능한 나만의 버전을 만들기

디자인 유형

원하는 것을 설명하기만 하면 AI가 알맞은 유형을 자동으로 선택합니다.

유형	가장 적합한 용도
Prototype	인터랙티브 앱, UX 플로우, SaaS 대시보드
Slide deck	피치 덱, 보고서, 교육 자료
Poster	이벤트, 소셜 미디어, 인쇄물
Video / Frame Movie	제품 소개, 로고 애니메이션, 멀티 샷 광고
Wireframe	저충실도 레이아웃 탐색
Flipbook / Paged Book	룩북, 백서, 기술 매뉴얼

기능 및 사용 방법 가이드

디자인 만들기

• 처음부터 — 설명을 입력하고, 선택적으로 컨텍스트를 첨부한 뒤 전송하세요.
• 템플릿에서 — For You 갤러리를 둘러보고 → 디자인을 클릭한 뒤 → Remix하세요.
• 여러 방향 — 하나의 프로젝트 안에서 여러 채팅을 여세요(각각 독립적인 메모리를 가짐).

프롬프트에 컨텍스트 추가하기: 입력창의 + 버튼을 클릭하여 보조 자료를 첨부하세요 — 로컬 파일, 이미지, 문서; AI Drive의 파일; Figma 파일; GitHub 저장소; 과거 디자인 중 하나에 대한 참조; 웹페이지에서 가져온 웹 요소; 또는 저장된 Skill이나 Design System. 처음에 더 많은 컨텍스트를 제공할수록 첫 생성 결과가 원하는 것에 더 가까워집니다.

Canvas에서 편집하기

도구	사용 방법	가장 적합한 용도
Tweaks	슬라이더와 색상 선택기를 실시간으로 조정	전역 파라미터: 색상, 간격, 텍스트
Comment	Canvas에 피드백을 고정한 뒤 한꺼번에 전송	설명형 피드백("이걸 파란색으로 바꿔 줘")
Edit	요소를 클릭한 뒤 패널에서 수정	특정 요소 하나를 변경
Draw	빨간 브러시로 스케치하거나 스티커 메모를 추가한 뒤 전송	시각적 지시: 화살표, 동그라미 표시한 영역

Design System

• 입력창 아래의 Design System을 클릭하세요 → Create New.
• 브랜드 설명을 입력하고, 자산을 가져오세요(Figma .fig / GitHub / 코드베이스 / 업로드한 파일).
• AI가 색상, 글꼴, 컴포넌트를 추출합니다 — 검토하고 확인하세요.
• 모든 프로젝트에서 재사용하세요. Share → Create design system from this project를 통해 기존 디자인에서 Design System을 추출할 수도 있습니다.

내보내기

형식	실행 방법	참고
Present	상단 바에서 Present 클릭	전체 화면; 방향키로 페이지 넘기기; 슬라이드 덱용 Speaker Notes
Build it (코드)	Build it 클릭 → Website / App / ZIP	실행 가능한 코드 생성; 디자인 완료 후 사용 가능
Download	상단 바에서 Download Zip 클릭	디자인 완료 후 개발자 핸드오프 문서 생성
PDF, PPTX, MP4, PNG, HTML, Canva	채팅에서 "[형식]으로 내보내 줘"라고 말하기	형식별 옵션 적용

공유 및 협업

• 공유 링크 — 상단 바의 Share 아이콘 → 링크가 있는 누구나(공개) 또는 Restricted(이메일 초대).
• 역할 — Viewer / Editor / Owner.
• Duplicate — 파일과 대화를 포함한 프로젝트의 전체 복사본.
• Add to Hub — 상단 바의 ⋯ 메뉴 → 지속적인 팀 작업 공간 컨텍스트.

참고

Canvas 툴바

위치	컨트롤
오른쪽 상단	Tweaks · Edit · Comment · Draw
상단 바	Present · Build it · Share · ⋯ 메뉴 (Bookmark, Add to Hub)
Canvas 탭	Design System · Design Files

문제 해결 및 FAQ

Q: Tweaks 패널이 비어 있어요 — 어떻게 해야 하나요?

채팅에서 "Make this tweakable"이라고 말하세요 — AI가 컨트롤을 자동으로 생성합니다.

Q: Build it이 비활성화되어 있어요 — 왜 그런가요?

Build it이 활성화되려면 먼저 생성이 완료되어야 합니다. 작업 목록이 끝날 때까지 기다리세요.

Q: 변경 사항을 되돌리고 싶어요.

채팅에서 AI에게 되돌릴 내용을 알려 주세요 — 이전 상태를 복원할 수 있습니다.

Q: Build it의 코드를 곧바로 프로덕션에 사용할 수 있나요?

그대로 실행되지만, 배포하기 전에 개발자가 검토하도록 하세요 — 특히 인증, 데이터 저장, 폼 제출의 경우 그렇습니다.

Q: AI Slides와 어떻게 다른가요?

Genspark Design은 완전한 크리에이티브 캔버스입니다(웹사이트, 앱, 영상, 포스터, 코드). AI Slides는 PPTX / Google Slides 내보내기를 갖춘, 프레젠테이션 전용으로 만들어진 도구입니다. 피치 덱이라면 둘 다 괜찮습니다. 프로토타입, 비주얼, 또는 영상이라면 — Genspark Design을 사용하세요.

Q: 요청하지 않은 것이 생성됐어요.

프롬프트에 더 자세한 내용을 추가하세요; 디자인 유형, 대상 청중, 크기, 또는 시각적 스타일을 지정하세요. 참고용 스크린샷을 첨부하세요. Comment나 Draw 도구를 사용해 무엇을 바꿔야 하는지 정확히 가리키세요.