본문 바로가기

플러그인 13종이 처음부터 들어 있습니다.

플러그인은 에디터에 패널 하나를 더해 한 가지 일을 맡습니다. SSHOW가 만든 13종은 설치하지 않아도 모든 에디터에 들어 있고, 오른쪽 위 버튼 줄의 전구 모양 플러그인 버튼에서 엽니다.

도구입문약 6분모든 모드웹데스크톱태블릿

플러그인 열어 쓰기

QR 코드를 만드는 Scan으로 해 봅니다. 빈 씬 하나면 됩니다. 다른 플러그인도 여는 순서는 같습니다.

  1. 플러그인 패널 열기

    오른쪽 위 버튼 줄에서 전구 모양 플러그인 버튼을 누르세요. 플러그인 패널이 열리고, 목록이 위에서부터 하나씩 채워집니다. 처음 열 때 '아직 플러그인이 없습니다'가 잠깐 보여도 기다리세요. 웹에서 목록이 계속 비어 있으면 인터넷 연결을 확인하고 패널을 다시 여세요.

    전구 모양 버튼을 누르자 플러그인 패널이 열리고, 목록이 하나씩 채워집니다. 영상: 오른쪽 위 버튼 줄의 전구 모양 플러그인 버튼을 누르자 플러그인 패널이 열리고, 기본 플러그인 목록이 위에서부터 채워집니다.
  2. Scan 열기

    목록을 내려 Scan을 누르세요. 목록 옆에 Scan 패널이 따로 열립니다. 플러그인은 한 번에 하나만 열리고, 다른 것을 누르면 앞의 것은 닫힙니다.

    목록에서 Scan을 누르자 옆에 Scan 패널이 열립니다. 영상: 플러그인 목록에서 Scan을 누르자 그 줄이 파랗게 바뀌고, 목록 왼쪽에 Scan 패널이 따로 열립니다.
  3. 주소 입력하기

    처음 열면 QR 탭의 Link가 골라져 있습니다. Address 칸의 주소를 지우고 연결할 주소를 입력하세요. 맨 위 미리보기의 코드가 바로 바뀝니다. 미리보기 오른쪽 위의 'Scans' 표시는 그 코드가 실제로 읽힌다는 뜻입니다.

    주소를 입력하자 미리보기의 QR 코드 무늬가 바뀌고, 오른쪽 위에는 'Scans' 표시가 그대로 남습니다. 영상: Scan 패널의 Address 칸에 새 주소를 입력하자 맨 위 미리보기의 QR 코드 무늬가 바뀌고, 오른쪽 위의 'Scans' 표시는 그대로입니다.
  4. 씬에 넣기

    패널을 맨 아래까지 내려 Insert를 누르세요. 씬 가운데에 QR 코드가 그룹 하나로 생기고 선택됩니다. 보통의 오브젝트라서 옮기고 크기를 바꿀 수 있습니다. 화면이 좁으면 QR 코드가 Scan 패널에 가려 보이지 않습니다. Scan 패널의 제목 줄을 끌어 옆으로 옮기세요.

    Insert를 누르자 씬 가운데에 QR 코드가 생기고 선택됩니다. 영상: Scan 패널을 맨 아래까지 내려 Insert를 누르자 씬 가운데에 QR 코드가 그룹으로 생겨 선택되고, 버튼 이름이 Update로 바뀝니다.
  5. 플러그인 닫기

    Scan 패널 제목 줄 오른쪽 끝의 X 버튼을 누르세요. 플러그인이 멈추고, 만든 QR 코드는 씬에 남습니다. 플러그인 패널은 전구 모양 버튼을 한 번 더 누르면 닫힙니다.

플러그인 화면은 영어로 보입니다

에디터를 한국어로 써도 플러그인 목록의 설명과 각 플러그인의 패널은 영어입니다. 그래서 이 페이지는 플러그인의 버튼 이름을 화면 그대로 영어로 적습니다. 목록 위 검색 칸도 영어 설명에서 찾으므로, 배경을 지우는 Cutout은 background로, Scan은 qr로 찾으세요.

움직임을 넣는 플러그인

결과는 모두 타임라인의 보통 키프레임입니다. 넣은 뒤에도 타임라인에서 하나하나 고칠 수 있고, 애니메이션 모드에서 재생하면 움직임이 보입니다.

Cue

나타나기 · 강조 · 사라지기 · 반복 프리셋 47개 가운데 하나를 골라 버튼 한 번으로 넣습니다. 페이드 · 슬라이드 · 팝 같은 움직임이 들어 있습니다. 쓰는 법은 원클릭 프리셋에 있습니다.

  • 먼저움직일 오브젝트 선택 (여러 개면 차례로 출발)
  • 고르기In · Emphasis · Out · Loop 탭의 카드
  • 누르기Apply
Cue카드 셋이 왼쪽부터 하나씩 미끄러져 들어옵니다. 영상: 애니메이션 모드에서 재생을 누르자, 나란히 놓인 카드 셋이 왼쪽부터 0.12초 간격으로 하나씩 아래에서 미끄러져 들어옵니다.

Typer

텍스트가 타자를 치듯 한 글자씩 나타나게 합니다. 지우기와 여러 문장 돌려 보이기도 있습니다. 한글은 ㅅ, 사, 상처럼 자모 단위로 입력되고, 깜박이는 커서도 함께 만듭니다.

  • 먼저텍스트 오브젝트 선택
  • 고르기Type · Erase · Cycle
  • 누르기Apply
Typer재생하자 한글 텍스트가 자모 단위로 한 글자씩 입력됩니다. 영상: 애니메이션 모드에서 재생을 누르자 '안녕하세요'가 ㅇ, 아, 안처럼 자모 단위로 한 글자씩 입력되고 끝에서 커서가 깜박입니다.

Domino

이미 움직임이 있는 오브젝트들의 출발 시각을 다시 배치합니다. 일정 간격으로 어긋나게 하거나, 앞의 것이 끝나면 다음 것이 출발하게 잇거나, 무작위로 흩뜨립니다.

  • 먼저키프레임이 있는 오브젝트 둘 이상 선택
  • 고르기Mode의 Stagger · Sequence · Chain 등
  • 누르기Apply · 패널을 닫기 전이면 Restore timing으로 처음 타이밍
DominoApply를 누르자 나란히 출발하던 카드들이 차례로 출발합니다. 영상: Domino 패널에서 Apply를 누르자 타임라인의 세 행 키프레임이 차례로 뒤로 밀리고, 재생하면 카드 셋이 하나씩 차례로 출발합니다.

Physics

오브젝트를 떨어뜨리고 부딪히게 하는 물리 시뮬레이션입니다. 중력과 벽을 정하고 패널 안에서 미리 본 뒤, 위치와 회전 키프레임으로 바꿔 넣습니다.

  • 먼저Bodies에서 움직일 오브젝트를 Dynamic으로 (모두는 All dynamic)
  • 미리 보기Preview
  • 누르기Bake keyframes
PhysicsPreview를 누르자 패널의 미리보기에서 공 셋이 떨어져 바닥에서 튀어 오릅니다. 영상: Physics 패널의 Preview를 누르자 패널 위쪽 미리보기에서 공 셋이 떨어져 바닥에 부딪히고 튀어 오릅니다.

Woofer

씬에 있는 오디오나 영상의 소리를 분석해, 박자와 음역에 맞춰 오브젝트의 크기 · 위치 · 회전 · 불투명도를 움직입니다. 오디오를 넣는 법은 이미지·영상·오디오에 있습니다.

  • 먼저씬에 오디오나 영상 오브젝트를 넣고, 움직일 오브젝트 선택
  • 고르기EQ Bars 같은 프리셋 카드
  • 누르기Bake
Woofer재생하자 막대 다섯 개가 음악의 음역에 맞춰 오르내립니다. 영상: 애니메이션 모드에서 재생을 누르자 막대 다섯 개가 음악의 저음부터 고음까지 음역에 맞춰 오르내립니다.

Gimbal

영상 속 한 점이나 영역을 끝까지 따라갑니다. 오브젝트가 그 움직임을 따라다니게 하거나, 영상의 흔들림을 잡습니다.

  • 먼저씬에 영상 오브젝트
  • 따라가기Point · Region으로 미리보기에 표시를 놓고 Track
  • 누르기따라갈 오브젝트를 선택하고 Apply · 흔들림은 Stabilize clip의 Stabilize
Gimbal재생하자 이름표가 영상 속 자전거를 따라 움직입니다. 영상: 애니메이션 모드에서 재생을 누르자 영상 속 자전거를 이름표가 끝까지 따라 움직입니다.

이미지를 다듬는 플러그인

이미지를 하나 선택하고 엽니다. 적용하면 그 이미지가 배경을 지운 그림으로 바뀝니다. 원래 그림으로 돌리는 Restore original은 패널을 닫기 전까지만 쓸 수 있고, 닫은 뒤에는 ⌘Z로 되돌리세요. 배경을 손으로 골라 지우려면 이미지 편집도 있습니다.

Cutout

사진의 배경을 지워 투명하게 만듭니다. Auto가 피사체를 짐작하고, 남길 곳과 지울 곳을 직접 칠해 바로잡습니다. Auto는 색으로 짐작하므로 피사체가 여럿이면 하나만 남기도 합니다. 그럴 때는 Keep으로 남길 곳을 칠하세요.

  • 먼저이미지 하나 선택
  • 고치기Auto · Wand · Keep · Remove
  • 누르기Apply
CutoutAuto와 Apply를 누르자 인물 뒤의 배경이 투명해집니다. 영상: Cutout 패널에서 Auto를 누르자 미리보기에서 인물 둘레의 배경이 바둑판 무늬(투명)로 바뀌고, Apply를 누르자 씬의 사진에서 하늘색 배경이 사라져 분홍 배경이 비쳐 보입니다.

Matte

초록이나 파랑 배경 앞에서 찍은 사진의 배경을 투명하게 만듭니다(크로마 키). 배경색은 저절로 찾고, 미리보기를 클릭해 직접 고를 수도 있습니다.

  • 먼저그린 스크린 · 블루 스크린 이미지 선택
  • 다듬기Tolerance · Softness
  • 누르기Apply
MatteApply를 누르자 초록 배경이 사라지고 씬의 배경이 비쳐 보입니다. 영상: Matte 패널의 Apply를 누르자 씬의 사진에서 초록 배경이 사라지고 씬의 배경색이 비쳐 보입니다.

오브젝트를 만드는 플러그인

결과는 보통의 오브젝트(텍스트 · 도형 · 패스 · 프레임)입니다. 넣은 뒤에도 하나하나 선택해 고칠 수 있습니다.

Anagram

텍스트 하나를 글자 · 낱말 · 줄 단위의 텍스트 오브젝트로 나눕니다. 나눈 조각은 읽는 순서대로 선택된 채 남으므로, 이어서 Cue로 한 글자씩 차례로 움직이게 할 수 있습니다.

  • 먼저텍스트 오브젝트 선택
  • 고르기Split into의 Characters · Words · Lines
  • 누르기Apply — split text
Anagram텍스트 하나가 글자마다 따로인 텍스트 오브젝트로 나뉩니다. 영상: 'HELLO' 텍스트를 선택한 채 Anagram 패널 아래의 Apply 버튼(split text)을 누르자, 글자 다섯 개의 텍스트 오브젝트로 나뉘어 그룹 하나에 담기고 다섯 글자가 함께 선택됩니다.

Array

선택한 오브젝트를 격자 · 한 줄 · 원 모양으로 복제합니다. 원 모양은 원본을 가운데 두고 그 둘레에 복제본을 놓습니다. 복제본마다 크기 · 회전 · 불투명도가 조금씩 바뀌게 할 수 있습니다.

  • 먼저복제할 오브젝트 하나 선택
  • 고르기Mode의 Grid · Linear · Radial
  • 누르기Apply — create clones
ArrayRadial에서 Copies를 12로 적용하자 원본 둘레에 복제본 열두 개가 놓입니다. 영상: Radial · Copies 12로 맞춘 Array 패널에서 Apply 버튼(create clones)을 누르자, 원본 둘레에 복제본 열두 개가 원을 그리며 놓입니다.

Mockup

스크린샷 · 영상 · 직접 만든 프레임을 휴대폰 · 태블릿 · 노트북 · 모니터 · 브라우저 창 같은 기기 틀에 넣습니다. 프레임을 넣으면 안의 인터랙션도 그대로 동작합니다.

  • 먼저화면에 넣을 이미지 · 영상 · 프레임 선택
  • 넣기Use selection 다음 기기 고르기
  • 누르기Insert
MockupInsert를 누르자 스크린샷이 휴대폰 틀 안에 들어갑니다. 영상: 스크린샷을 선택한 채 Mockup에서 Use selection을 누르고 Insert를 누르자, 스크린샷이 휴대폰 틀 안에 들어간 오브젝트가 씬에 생깁니다.

Scan

QR 코드와 바코드를 만듭니다. 링크 · 와이파이 · 연락처 · 이메일 · 전화 · 문자를 담을 수 있고, 미리보기 오른쪽 위의 표시로 실제로 읽히는지 알려 줍니다.

  • 먼저선택 없이 열기
  • 고르기QR · Barcode, 담을 내용
  • 누르기Insert
ScanInsert를 누르자 씬 가운데에 QR 코드가 생깁니다. 영상: Scan 패널을 맨 아래까지 내려 Insert를 누르자 씬 가운데에 QR 코드가 그룹으로 생겨 선택되고, 버튼 이름이 Update로 바뀝니다.

Jam

함께 쓰는 보드를 만듭니다. 색 포스트잇, 오브젝트를 잇는 화살표, 회고 · 칸반 · 마인드맵처럼 미리 짜 둔 보드 16종이 있습니다. 여럿이 함께 고치는 법은 함께 편집에 있습니다.

  • 포스트잇Note를 누르고 ↩ 키로 글자 입력
  • 화살표오브젝트를 둘 이상 선택하고 Arrow
  • 보드보드 이름 옆 ▾에서 고르고 그 이름을 누르기
JamRetro를 누르자 씬에 세 칸짜리 회고 보드가 생깁니다. 영상: Jam 패널에서 Retro를 누르자 씬에 Went well · To improve · Action items 세 칸과 예시 포스트잇이 있는 회고 보드가 생깁니다.

플러그인 더하고 빼기

  1. 스튜디오의 플러그인 화면 열기

    스튜디오 왼쪽 사이드바 아래의 플러그인을 누르세요. 기본 제공 13종과 심사를 거쳐 게시된 플러그인이 보입니다. 기본 제공 줄에는 설치 대신 '기본 제공' 표시가 있습니다.

  2. 스튜디오에서 설치하기

    더할 플러그인 줄의 설치를 누르세요. 줄 오른쪽이 '설치됨'으로 바뀌고, 그 계정으로 여는 에디터의 목록에 들어옵니다. 웹과 데스크톱 앱 모두 같고, 열어 둔 에디터는 새로 열면 들어옵니다.

    설치를 누르자 줄 오른쪽이 '설치됨'으로 바뀝니다. 영상: 스튜디오의 플러그인 화면에서 게시된 플러그인 줄의 설치를 누르자, 줄 오른쪽이 '설치됨'과 제거 버튼으로 바뀝니다.
  3. 파일에서 가져오기

    받은 .sshowplugin 파일은 플러그인 패널 제목 줄의 + 모양 플러그인 가져오기 버튼으로 가져오세요. 파일을 고르면 목록에 바로 들어옵니다. 같은 플러그인의 새 파일을 가져오면 앞의 것과 바꿔 끼웁니다.

    .sshowplugin 파일을 고르자 목록 맨 아래에 새 플러그인이 생깁니다. 영상: 플러그인 패널 제목 줄의 + 버튼을 누르고 .sshowplugin 파일을 고르자, 목록 맨 아래에 새 플러그인 줄이 생깁니다.
  4. 플러그인 빼기

    플러그인 패널에서 그 플러그인 줄 오른쪽 끝의 − 모양 플러그인 제거 버튼을 누르세요. 확인 없이 그 줄이 목록에서 바로 사라집니다. 스튜디오에서 설치한 것은 계정에서도 제거됩니다. 스튜디오의 플러그인 화면에서 제거를 눌러도 됩니다. 기본 제공 13종은 뺄 수 없습니다.

파일로 가져온 플러그인은 새로 고치면 빠집니다

파일로 가져온 플러그인은 지금 연 에디터에만 들어 있습니다. 에디터를 닫거나 새로 고치면 목록에서 빠지므로, 쓸 때마다 다시 가져오세요. 스튜디오에 게시된 플러그인이라면 거기서 설치해 두면 계정에 남습니다.

되돌리기와 안전

기본 플러그인이 버튼 한 번으로 고친 것은 대개 실행 취소 한 단계입니다. 캔버스를 한 번 클릭한 뒤 ⌘Z를 누르면 통째로 되돌아갑니다. 화면을 넣은 Mockup만 두 단계(화면 → 틀)라 ⌘Z를 두 번 누르세요. Cutout · Matte · Gimbal 패널 안에서 누른 ⌘Z는 그 패널에서 한 작업(칠하기 · 색 고르기 · 트래커)만 되돌립니다. 되돌리기 전반은 저장과 실행 취소에 있습니다.

플러그인은 에디터와 떨어진 칸 안에서 돌아가고, 인터넷에 연결할 수 없습니다. 문서는 에디터가 열어 둔 창구로만 읽고 고치며, 에디터 화면이나 계정에는 닿지 않습니다.

플러그인이 만든 것은 보통의 오브젝트와 키프레임입니다. 그 플러그인이 없는 에디터나 재생 화면에서도 똑같이 보입니다.

넣은 것 고치기 · 설명 전체 보기 · 직접 만들기

팁

넣은 QR 코드나 목업을 고치려면. 그것을 선택한 채 Scan이나 Mockup을 여세요. 넣을 때의 설정이 다시 보이고 Insert 버튼이 Update로 바뀝니다. 같은 설정으로 하나 더 넣으려면 Insert new를 누르세요.

팁

설명 전체를 보려면. 목록의 설명은 두 줄에서 잘립니다. 플러그인을 열고 그 패널 제목 줄의 동그라미 i 모양 플러그인 정보 버튼을 누르세요. 버전 · 작성자 · ID와 설명 전체가 펼쳐집니다.

팁

직접 만들려면. 플러그인은 화면이 되는 HTML 문서 하나와 매니페스트 plugin.json을 .sshowplugin 파일로 묶어 만듭니다. 만드는 법은 플러그인 API에 있습니다. Figma 안에서 쓰는 플러그인은 Figma 플러그인을 보세요.

이 페이지가 도움이 되었나요?

2026년 10월 11일에 고침 · 이 페이지의 영상은 현재 에디터로 녹화했습니다.

많이 찾는 것