본문 바로가기

시작하기

개요

SSHOW는 장면(Scene)을 디자인하고 모션으로 생동감을 불어넣는 브라우저 기반 에디터입니다. 이 가이드는 캔버스의 모든 부분을 차근차근 안내합니다.

프레젠테이션, 짧은 애니메이션, 인터랙티브 쇼케이스 무엇을 만들든, SSHOW는 정밀한 디자인 도구와 Scene 사이를 자동으로 애니메이션하는 트랜지션 엔진, 그리고 한 Scene 안에서 키프레임으로 모션을 만드는 타임라인을 제공합니다. 브라우저에서 바로 쓰거나 데스크탑 Studio 앱으로도 사용할 수 있습니다.

6단계로 시작하기

빈 캔버스에서 완성작까지 가는 가장 빠른 길입니다.

  1. 1

    Scene 추가

    모든 프로젝트는 Scene의 연속입니다. 캔버스 크기는 한 번만 설정하면 모든 Scene에 적용됩니다.

  2. 2

    Object 그리기

    툴바로 도형, 텍스트, 이미지, 미디어를 캔버스에 추가합니다.

  3. 3

    스타일 적용

    인스펙터에서 채우기, 선, 효과를 적용해 각 Object의 모습을 다듬습니다.

  4. 4

    모션 추가

    Scene을 복제하고 위치를 바꾸면 SSHOW가 그 차이를 트랜지션으로 애니메이션합니다 — 또는 Animation 모드로 전환해 한 Scene 안에서 키프레임으로 움직임을 만듭니다.

  5. 5

    작업 저장

    상단 바의 저장 버튼을 누르면 프로젝트가 저장됩니다. 자동 저장은 없으며, 저장하지 않은 변경이 있으면 떠나기 전에 알려 줍니다.

  6. 6

    공유 또는 내보내기

    재생 링크를 공유하거나 영상, PDF, 이미지 등으로 내보냅니다.

에디터 한눈에 보기

에디터는 여섯 영역으로 이루어집니다. 대부분의 작업은 이 영역들을 오가며 이루어집니다.

여섯 개의 번호 표시가 있는 SSHOW 에디터 — 1 상단 툴바, 2 가운데 캔버스, 3 왼쪽 Scenes 패널과 4 Objects 패널, 5 오른쪽 인스펙터, 6 헤더의 Design / Animation 전환기.
에디터의 여섯 영역을 아래 목록과 같은 번호로 표시했습니다.
1툴바 (상단)
선택, 도형, 텍스트, 이미지, 미디어 등 모든 생성 도구. 도구 & 단축키에서 자세히 다룹니다.
2캔버스 (중앙)
실제 작업 공간입니다. 이동 도구로 화면을 옮기고 오른쪽 아래 컨트롤로 확대·축소합니다.
3Scene (왼쪽)
Scene의 순서 목록입니다. 여기서 추가, 복제, 순서 변경, 검색을 합니다.
4Object (왼쪽 아래)
현재 Scene의 레이어 목록입니다. Object를 선택, 이름 변경, 순서 변경, 잠금, 숨김 처리합니다.
5인스펙터 (오른쪽)
현재 선택 항목의 속성 — 크기, 변형, 채우기, 선, 효과, 모션을 다룹니다.
6Design / Animation (왼쪽 위)
모드 전환기입니다. Design은 평소의 편집이고, Animation은 Objects 패널을 타임라인으로 바꿔 편집이 키프레임으로 기록되게 합니다 — 애니메이션 가이드 참고.

참고 툴바 왼쪽 위의 메뉴 버튼을 누르면 프로젝트 메뉴가 열립니다 — 사본 저장, 가져오기, 내보내기, 그리고 SSHOW(정보·설정). 이 가이드 곳곳에서 말하는 가져오기·내보내기 패널이 여기서 열립니다.

우측 상단 패널

오른쪽 상단의 버튼들은 프로젝트 단위 패널을 열고, 맨 끝 버튼은 프로젝트를 재생합니다.

우측 상단 패널의 일곱 아이콘 — 모션 커브, 태그, 노트, 반짝임, 전구, 돋보기, 재생 삼각형.
왼쪽부터: Motion, Variables, Notes, AI, Plugins, Search, Play.
Motion
Motion 패널을 열어 Scene 트랜지션을 다듬습니다 — Motion 가이드 참고.
Variables
Variables 패널을 열어 재사용 가능한 값을 정의합니다 — Variables 가이드 참고.
Notes
프로젝트·Scene별 노트를 엽니다 — Tools & Shortcuts 참고.
AI
AI 어시스턴트를 열어 원하는 것을 설명해 만들거나 편집합니다 — AI 가이드 참고.
플러그인
플러그인 패널을 열어 설치한 플러그인을 실행하거나 .sshowplugin 파일을 임포트합니다 — 플러그인 가이드 참고.
검색
프로젝트 전체에서 찾기·바꾸기를 엽니다 — 텍스트, 레이어 이름, Scene 이름, 노트까지.
Play
Play 모드로 들어가 프로젝트를 풀스크린으로 발표합니다 — Present & share 참고.

가이드 둘러보기

디자인 기초 Scene, Object, 그리고 모든 것의 모습을 결정하는 스타일 시스템 — 채우기, 선, 효과를 다룹니다. 도구 & 단축키 툴바에는 모든 생성 도구가 있습니다. 대부분 단축키 한 글자로 캔버스를 떠나지 않고 전환할 수 있습니다. 변수 한 번 정의해 두면 텍스트 어디서든 이중 중괄호 토큰으로 불러 쓰는 재사용 값입니다. 가져오기 기존 파워포인트 덱·PDF·SVG·Lottie 애니메이션을 편집 가능한 프로젝트로 SSHOW에 가져옵니다 — 페이지마다 계속 디자인할 수 있는 Scene이 됩니다. 트랜지션 SSHOW의 모션은 트랜지션을 기반으로 합니다. 두 Scene 사이를 애니메이션하면 엔진이 그 사이를 알아서 채워 줍니다. 애니메이션 Scene마다 시계가 하나씩 있습니다. Animation 모드로 전환해 위치·색·텍스트는 물론 패스 모양까지 키프레임으로 다루고, 발표에 나갈 모습 그대로 재생해 보세요. 발표하기 Scene을 트랜지션과 함께 전체 화면으로 재생합니다 — 관객이 보는 그대로. 내보내기 & 공유 프로젝트를 문서, 이미지, 영상, 또는 편집 가능한 네이티브 파일로 SSHOW 밖으로 내보냅니다. 인터랙션 클릭, 호버 등에 Scene이 반응하게 만드는 트리거와 액션입니다. 현재 개발 중입니다. AI 어시스턴트 프롬프트로 Scene을 만들고 편집하며, 캔버스에 이미지를 생성하는 AI 어시스턴트입니다. 지금 베타로 사용할 수 있습니다. 에디터 플러그인 플러그인은 에디터에 패널을 더합니다. .sshowplugin 파일을 가져와 설치하고, 목록에서 클릭해 실행합니다. Figma 플러그인 Figma와 SSHOW 사이를 오가며 디자인을 옮깁니다 — 선택한 프레임을 편집 가능한 .sshow 파일로 내보내거나, .sshow를 다시 Figma 캔버스에 펼칩니다. 플러그인 API 플러그인이 에디터와 대화하는 전체 표면의 명세입니다. 모든 호출은 비동기이며, 문서는 액션으로만 바뀝니다. MCP 서버 AI 어시스턴트가 열려 있는 프로젝트 안에서 직접 작업하게 하세요 — Model Context Protocol을 통해 Scene을 읽고, Object를 편집하고, 결과를 눈으로 확인합니다.