변수는 고정된 텍스트를 살아 있는 콘텐츠로 바꿉니다. 변수 패널에서 값을 정의한 뒤 {{토큰}} 문법으로 어떤 텍스트 Object에든 넣으세요. 변수를 한 번만 바꾸면 그 변수가 쓰인 모든 곳이 함께 바뀝니다 — 이름, 날짜, 가격, 페이지 번호에 안성맞춤입니다.
변수를 쓰는 이유
반복되는 콘텐츠를 일관되게 유지하고, 몇 초 만에 갈아끼울 수 있는 템플릿을 만들 수 있습니다.
- 한 곳에서 값을 바꾸면 모든 Scene에서 한꺼번에 갱신됩니다.
- 덱을 한 번 만들어 두고, 고객사 이름이나 날짜만 바꿔 재사용하세요.
- 현재 페이지 번호 같은 시스템 값과 변수를 함께 조합할 수 있습니다.
변수 타입
각 변수는 타입을 가지므로 에디터가 값을 검증하고 형식을 맞출 수 있습니다.
- String
- 모든 텍스트 — 이름, 제목, 라벨, 캡션.
- Number
- 개수, 가격, 치수 같은 숫자 값.
- Color
- 디자인 전반에서 참조할 수 있는 재사용 색.
- Boolean
- 'true'나 'false'로 표시되는 참/거짓 값 토큰.
참고 각 변수에는 설명(Description)도 달 수 있습니다 — 패널에서 설명 칸을 더블클릭해 용도를 적어 두면 템플릿이 스스로 설명됩니다.
텍스트에서 토큰 쓰기
변수 이름을 이중 중괄호로 감싸 어떤 텍스트 Object에서든 참조합니다.
-
1
툴바에서 변수 패널을 열고, User 탭에서 price 같은 이름으로 변수를 만듭니다. (내장 변수는 System 탭에 있습니다.)
-
2
텍스트 Object를 선택하고 값이 들어갈 자리에 토큰을 입력합니다. 예: {{price}} — 또는 변수 행의 Insert를 누르면 자리에 바로 넣어 줍니다.
-
3
캔버스에 해결된 값이 실시간으로 표시되며, 변수를 바꾸면 텍스트도 따라갑니다.
팁 토큰은 내보내기와 발표 모드를 포함해 텍스트가 나타나는 모든 곳에서 해결되므로, 숫자가 항상 일치합니다.
팁 Insert 버튼은 문자열·숫자 변수의 {{토큰}}을 편집 중인 텍스트에 바로 넣어 줍니다 — 선택된 텍스트가 없으면 새 텍스트 Object에 넣습니다. 시스템 변수에도 Insert 버튼이 있고, 색·불리언 토큰은 직접 입력합니다.
참고 텍스트에 중괄호를 그대로 넣고 싶나요? \{\{ 와 \}\} 로 입력하면 토큰으로 읽히지 않고 {{ 와 }} 로 표시됩니다.
채우기·선에 색상 변수 쓰기
색상 변수는 텍스트에만 쓰는 게 아닙니다. 어떤 채우기·선은 물론 Scene 배경이나 그라디언트 색상 정지점 하나까지 색상 변수에 묶어 두면, 값을 바꾸는 순간 그 변수를 참조하는 모든 Object가 다시 칠해집니다 — 재사용 가능한 디자인 토큰의 토대입니다.
-
1
변수 패널에서 색상(Color) 변수를 만듭니다 — 예를 들어 주요 색상을 brand로.
-
2
Object를 선택하고 채우기나 선을 열어, 색상을 고정값 대신 그 변수에 연결합니다.
-
3
변수를 한 번만 바꾸면 모든 Scene에서 연결된 채우기와 선이 함께 업데이트됩니다.
팁 팔레트 전체를 색상 변수로 정의해 두면, 그 몇 개 값만 바꿔 스토리 전체를 리스킨하거나 새 브랜드 색을 시험해 볼 수 있습니다.
이름 변경 · 삭제
변수는 마음 놓고 정리할 수 있습니다 — 이름을 바꾸거나 지워도 Scene의 모습은 그대로 유지됩니다.
- 이름 변경
- 변수 이름을 바꾸면 그것을 가리키는 모든 {{토큰}}이 자동으로 다시 쓰입니다 — 텍스트는 물론 모든 Scene의 채우기·선·효과 색까지 — 실행 취소도 됩니다.
- 삭제
- 변수를 지우면 그것을 쓰던 모든 곳에 현재 값이 구워집니다. 텍스트는 마지막 값을 유지하고 색 토큰은 정확한 헥스 색으로 바뀌어, 아무것도 깨지거나 토큰 원문이 드러나지 않습니다. 시스템 변수는 지울 수 없습니다.
내장 시스템 변수
SSHOW는 프로젝트 상태를 반영하는 읽기 전용 변수를 기본 제공합니다. 일반 토큰처럼 사용하세요.
- {{projectName}}
- 프로젝트 이름.
- {{sceneName}}
- 현재 활성 Scene의 이름.
- {{pageNo}}
- 현재 보이는 페이지 번호. 1부터 시작합니다.
- {{totalPageNo}}
- 보이는 전체 페이지 수 — pageNo와 짝지어 "3 / 12" 같은 슬라이드 번호를 만듭니다.
참고 시스템 변수는 보이는 Scene만 세므로, 페이지 번호가 관객이 보는 것과 정확히 일치합니다.