All Features
xSlide 전체 기능 완전 가이드
xSlide의 모든 기능을 카테고리별로 정리했습니다. 각 기능에는 실제 사용 화면 스크린샷이 순차적으로 추가될 예정입니다.
기능 카테고리 01
캔버스 편집
1920×1080 풀HD 캔버스 위에서 모든 요소를 자유롭게 배치하고 편집하는 핵심 작업 공간입니다.
자유 배치 & 드래그 이동
캔버스 위의 모든 오브젝트를 마우스 드래그로 자유롭게 이동. 위치 값을 수치로 직접 입력할 수도 있습니다.
8방향 핸들 리사이즈
선택한 오브젝트의 8개 핸들을 드래그해 가로·세로 크기 조절. Shift 키로 비율 고정 리사이즈.
자유 회전
회전 핸들 드래그 또는 인스펙터에서 각도 직접 입력. 15° 스냅 옵션으로 정밀 회전.
스냅 & 가이드라인
오브젝트 이동 시 다른 요소·캔버스 경계에 자동 스냅. 정렬 가이드라인이 실시간으로 표시됩니다.
다중 선택 & 그룹 작업
드래그 선택 또는 Shift+클릭으로 여러 오브젝트 동시 선택. 이동·크기 조절·삭제를 한 번에.
정렬 & 균등 분배
선택 오브젝트를 좌·중·우·상·중·하 기준으로 정렬. 여러 요소의 간격을 균등하게 자동 분배.
캔버스 크기 설정
16:9 (1920×1080), 4:3 (1440×1080), 세로형, 커스텀 크기 등 원하는 비율로 캔버스 설정.
줌 인/아웃 & 화면 맞춤
Ctrl+마우스휠 또는 하단 바 조절로 캔버스 줌. "화면에 맞추기" 버튼으로 작업 공간에 최적화.
기능 카테고리 02
오브젝트 & 요소
슬라이드를 구성하는 모든 요소 유형과 공통 속성 관리 기능입니다.
기본 도형
사각형, 둥근 사각형, 원/타원, 삼각형, 선(직선) 삽입. 각 도형의 채우기 색상, 테두리, 모서리 반경 개별 설정.
아이콘 라이브러리
Phosphor Icons 기반 수천 개의 아이콘. 키워드 검색으로 즉시 삽입. 색상·크기 자유 조절.
레이어 순서 관리
오브젝트의 앞/뒤 순서를 맨 앞으로·앞으로·뒤로·맨 뒤로 이동. 레이어 패널에서 직접 순서 조정.
오브젝트 잠금 & 숨김
배경 요소를 잠금하여 실수 이동 방지. 편집 중 특정 요소 숨기기로 작업 집중도 향상.
복사 & 붙여넣기
Ctrl+C / Ctrl+V 로 같은 슬라이드 또는 다른 슬라이드로 오브젝트 복사. 스타일 포함 복사.
투명도 조절
0~100% 범위에서 오브젝트 전체 투명도를 슬라이더 또는 수치 입력으로 세밀하게 조정.
색상 피커
HEX, RGB, HSL 입력 지원. 스포이드 도구로 화면 색상 추출. 최근 사용 색상 팔레트 보관.
속성 복사 (스타일 전달)
한 오브젝트의 색상·크기·폰트 등 스타일 속성을 복사해 다른 오브젝트에 일괄 적용.
기능 카테고리 03
텍스트 & 폰트
풍부한 텍스트 서식과 다국어 폰트 지원으로 전문가 수준의 타이포그래피를 구현합니다.
인라인 텍스트 편집
텍스트 박스 더블클릭으로 즉시 편집 모드 진입. HTML 서식(bold, italic, color) 인라인 적용.
폰트 크기 & 굵기
8~300px 범위 폰트 크기. 100~900 굵기(weight) 단계 조절. 얇은 서체부터 울트라볼드까지.
텍스트 정렬 & 수직 위치
수평 정렬 (좌·중·우·양쪽), 수직 정렬 (상단·중앙·하단) 독립 설정. 텍스트 오버플로우 처리.
줄간격 & 자간
line-height 및 letter-spacing 세밀 조절. 한국어·영어·일본어 각 언어에 최적화된 기본값 제공.
텍스트 색상 & 음영
문자 단위 색상 지정. 텍스트 배경 하이라이트, 그림자 효과 인라인 적용 지원.
다국어 폰트 지원
Pretendard (한국어), Inter (영어), Noto Sans JP (일본어), Noto Sans SC (중국어) 기본 제공. Google Fonts 확장 지원.
기능 카테고리 04
이미지 & 미디어
이미지 업로드부터 크롭·필터·블러까지 슬라이드 내 미디어를 풍부하게 활용합니다.
이미지 업로드
JPG, PNG, GIF, WebP 형식 지원. 파일 크기 최대 10MB. 드래그&드롭 업로드 및 클릭 업로드.
이미지 크롭 & 피팅
이미지 박스 내에서 이미지 위치·크기 조절. 가득 채우기(cover), 맞추기(contain), 원본 크기(auto) 모드.
이미지 투명도
이미지 오브젝트의 투명도를 0~100%로 조절. 배경 이미지와 오버레이 텍스트 조화를 위한 페이드 처리.
이미지 블러 효과
슬라이드 배경 이미지에 블러(흐림) 강도 조절. 텍스트 가독성을 높이는 배경 처리에 활용.
프로젝트별 이미지 관리
업로드된 이미지는 프로젝트별로 분리 저장. 같은 프로젝트 내에서 이미지 재사용 가능.
외부 이미지 URL 삽입
웹의 이미지 URL을 직접 입력해 삽입. CDN 이미지, 소셜 프로필 사진 등 외부 리소스 활용.
기능 카테고리 05
드로잉 도구
슬라이드 위에 직접 그림을 그리고, 강조 표시하고, 주석을 달 수 있는 자유 드로잉 도구입니다.
자유 펜 드로잉
마우스 또는 터치로 자유 곡선 드로잉. 색상·굵기 설정 후 즉시 그리기 시작.
하이라이터
반투명 하이라이터로 텍스트·이미지 위 강조 표시. 발표 중 실시간 강조에 효과적.
지우개 도구
그린 선을 부분적으로 지우개로 제거. 크기 조절 가능한 지우개로 정밀 수정.
드로잉 실행 취소
드로잉 모드 내에서 마지막 획 실행 취소. 전체 드로잉 지우기 기능.
기능 카테고리 06
슬라이드 관리
여러 장의 슬라이드를 효율적으로 추가, 삭제, 복제, 재정렬하는 슬라이드 구성 도구입니다.
슬라이드 추가
빈 슬라이드, 현재 슬라이드 복제, 템플릿에서 추가 등 다양한 방식으로 슬라이드 삽입.
슬라이드 복제
현재 슬라이드의 모든 오브젝트·배경·애니메이션을 그대로 복사한 새 슬라이드 생성.
드래그 순서 변경
왼쪽 패널에서 슬라이드 썸네일을 드래그해 순서를 직관적으로 변경.
슬라이드 삭제
단일 또는 다중 선택 후 삭제. 실수 방지 확인 다이얼로그. Undo로 복원 가능.
슬라이드 이름 지정
각 슬라이드에 이름을 붙여 긴 발표에서도 쉽게 탐색. 썸네일 아래 표시되는 이름 편집.
실시간 썸네일 미리보기
왼쪽 패널의 슬라이드 썸네일이 편집 내용을 실시간으로 반영. 전체 흐름을 한눈에 확인.
기능 카테고리 07
애니메이션 & 전환 효과
GSAP 기반의 부드러운 오브젝트 애니메이션과 슬라이드 전환 효과로 발표에 생동감을 더합니다.
오브젝트 등장 애니메이션
FadeIn, SlideIn (상·하·좌·우), ZoomIn, FlipIn 등 다양한 등장 효과. 시작 딜레이·지속 시간 설정.
슬라이드 전환 효과
Fade, Slide, Zoom, Flip, Cube 등 다양한 슬라이드 전환 애니메이션. 전환 속도 및 방향 개별 설정.
숫자 카운트업 애니메이션
텍스트 숫자를 0에서 목표값까지 애니메이션. 접두·접미 텍스트, 소수점 자리 설정 지원.
타이핑 효과
텍스트가 한 글자씩 타이핑되는 효과. 타이핑 속도 설정. 커서 깜빡임 포함.
애니메이션 시퀀스 관리
슬라이드 내 오브젝트 애니메이션 순서를 타임라인 패널에서 드래그로 재정렬. 동시/순차 실행 설정.
애니메이션 미리보기
편집 화면에서 해당 슬라이드의 전체 애니메이션 시퀀스를 재생. 발표 전 확인 가능.
기능 카테고리 08
배경 & 슬라이드 스타일
슬라이드의 배경을 단색, 그라디언트, 이미지 등 다양하게 설정하는 스타일 도구입니다.
단색 배경
색상 피커로 원하는 단색 배경 설정. HEX 코드 직접 입력 또는 색상 팔레트에서 선택.
그라디언트 배경
10가지 프리셋 그라디언트 제공 및 커스텀 그라디언트 설정. 2색 선형·방사형 그라디언트 지원.
이미지 배경
업로드한 이미지를 배경으로 사용. 커버·컨테인·원본 크기 피팅 모드 선택.
배경 이미지 블러
배경 이미지에 블러 효과 강도를 0~20px 범위로 조절. 텍스트 가독성을 높이는 데 활용.
배경 이미지 투명도
배경 이미지의 불투명도를 0~100%로 조절. 이미지 위에 색상 오버레이를 얹는 효과.
배경 스타일 슬라이드 적용
현재 슬라이드 배경 설정을 선택한 슬라이드들 또는 전체 슬라이드에 일괄 적용.
기능 카테고리 09
차트 & 데이터 시각화
데이터를 시각적으로 표현하는 차트를 슬라이드에 직접 삽입하고 스타일을 지정합니다.
막대 차트 (Bar Chart)
수직/수평 막대 차트. 카테고리별 데이터 비교에 최적. 색상·라벨·축 설정.
선형 차트 (Line Chart)
시간에 따른 추이·트렌드 표현. 포인트 마커, 곡선/직선 연결 방식 선택.
파이 & 도넛 차트
비율·구성 비교를 위한 원형 차트. 각 세그먼트 색상 개별 지정, 레이블 표시.
데이터 직접 입력
차트 삽입 후 인라인 데이터 에디터에서 직접 수치 입력·수정. CSV 붙여넣기 지원.
차트 색상 테마
슬라이드 전체 색상 테마에 맞는 차트 팔레트 자동 적용. 개별 색상 커스터마이징.
제목 & 범례
차트 제목, X/Y축 레이블, 범례 표시 여부 및 위치 설정. 폰트·색상 개별 조정.
기능 카테고리 10
AI 기능
Gemini AI를 활용해 이미지에서 슬라이드를 자동 생성하는 xSlide의 핵심 차별화 기능입니다.
이미지→슬라이드 AI 변환
PNG/JPEG/WebP 이미지를 업로드하면 Gemini AI가 분석해 편집 가능한 xSlide JSON으로 자동 변환. 레이아웃·텍스트·색상 인식.
AIAI 변환 결과 즉시 편집
AI가 생성한 슬라이드의 모든 텍스트·도형·배치를 즉시 수정 가능. AI 결과물이 완벽한 출발점이 됩니다.
AIAI 생성 템플릿 저장
AI로 만든 슬라이드를 템플릿으로 저장해 반복 사용. 팀 표준 템플릿을 AI로 빠르게 생성.
AIPro빠른 AI 레이아웃 인식
복잡한 슬라이드도 평균 10~30초 내 분석 완료. 1920×1080 기준 좌표로 정밀하게 오브젝트 배치.
AI기능 카테고리 11
내보내기 & 공유
완성된 슬라이드를 다양한 형식으로 내보내고, 누구나 볼 수 있도록 공유합니다.
HTML 파일 내보내기
모든 슬라이드와 애니메이션이 포함된 단독 실행 HTML 파일 생성. 인터넷 없이 로컬에서 실행 가능.
MP4 영상 내보내기
슬라이드 전환·애니메이션이 포함된 MP4 영상으로 렌더링. 유튜브, SNS, 영상 발표에 활용.
Pro링크 공유
프로젝트 고유 URL로 발표용 뷰어 공유. 수신자는 브라우저에서 설치 없이 즉시 열람.
자동 클라우드 저장
편집 시 500ms 간격 자동 저장. 저장 상태 표시 인디케이터. 네트워크 오류 시 재시도 처리.
JSON 프로젝트 파일 백업
프로젝트 데이터를 JSON 파일로 로컬 백업. 다른 xSlide 계정으로 가져오기 가능.
템플릿으로 저장
현재 슬라이드 전체를 재사용 가능한 템플릿으로 저장. 새 프로젝트 시작 시 즉시 활용.
기능 카테고리 12
발표 & 뷰어 모드
완성된 슬라이드를 실시간으로 발표하거나 공유 링크로 전달받은 사람이 열람하는 뷰어 기능입니다.
전체화면 발표 모드
브라우저 전체화면으로 슬라이드 발표. 1920×1080 비율 유지, 어떤 해상도에서도 깔끔하게.
키보드 발표 컨트롤
→ / ← 화살표 키, Space, F 키로 슬라이드 이동. 키보드만으로 완전한 발표 진행.
마우스 클릭 전진
마우스 클릭 또는 터치 탭으로 다음 슬라이드 이동. 터치스크린 기기에서도 자연스러운 발표.
슬라이드 목록 오버뷰
발표 중 전체 슬라이드 목록을 오버뷰로 열어 원하는 슬라이드로 즉시 이동.
공유 링크 뷰어
공유 URL을 받은 사람은 계정 없이, 설치 없이 브라우저에서 바로 슬라이드 열람 및 발표 가능.
모바일 발표 지원
스마트폰·태블릿에서도 뷰어 접근 가능. 스와이프 제스처로 슬라이드 전환.
기능 카테고리 13
템플릿 시스템
목적별·화면 모드별로 구성된 템플릿 라이브러리와 개인 템플릿 저장 기능입니다.
카테고리별 템플릿
비즈니스 (제안서·보고서·피치덱), 교육 (강의·수업), 크리에이티브 (포트폴리오·브랜드) 분류.
화면 모드별 최적화
16:9 와이드스크린, 4:3 스탠다드, 세로형(9:16) 각 비율에 맞게 레이아웃이 최적화된 템플릿.
원클릭 슬라이드 적용
원하는 템플릿 선택 후 "적용" 클릭 한 번으로 현재 프로젝트에 슬라이드 추가.
나만의 템플릿 저장
내가 만든 슬라이드를 커스텀 템플릿으로 저장. 이름·썸네일 지정 후 반복 사용.
AI 기반 템플릿 생성
참고 이미지를 업로드하면 AI가 동일한 레이아웃의 편집 가능한 템플릿을 자동 생성.
AIPro템플릿 미리보기
적용 전 전체 슬라이드 미리보기로 내용과 스타일 확인. 마음에 들면 그대로 적용.
기능 카테고리 14
작업 환경 & 생산성
편집 생산성을 높이는 작업 환경 설정과 키보드 단축키, 히스토리 관리 기능입니다.
무제한 Undo / Redo
Ctrl+Z / Ctrl+Y 로 작업 히스토리를 단계별 되돌리기·다시 실행. 안심하고 편집 가능.
완전한 키보드 단축키
Ctrl+C/V/X (복사·붙여넣기·잘라내기), Delete (삭제), Ctrl+A (전체 선택), Ctrl+G (그룹), Ctrl+L (잠금) 등.
패널 레이아웃 구성
왼쪽 슬라이드 패널, 오른쪽 인스펙터 패널을 접고 펼치기 가능. 작은 화면에서도 쾌적한 편집.
4개 언어 인터페이스
한국어·영어·일본어·중국어 UI 전환. 설정에서 즉시 적용. 팀별 선호 언어로 각자 사용 가능.
프로젝트 이름 편집
상단 바 제목 클릭으로 프로젝트 이름 인라인 편집. 저장 시 자동으로 이름 업데이트.
저장 상태 표시
"저장 중...", "저장됨", "저장 오류" 상태를 실시간으로 표시. 저장 여부를 항상 확인 가능.
기능 카테고리 15
계정 & 프로젝트 관리
사용자 계정 생성, 프로젝트 대시보드, 보안 설정 등 서비스 이용을 위한 계정 관리 기능입니다.
이메일 회원가입 & 로그인
아이디·이메일·비밀번호로 계정 생성. bcrypt 암호화 보안 적용. 7일 자동 로그인 유지.
프로젝트 대시보드
내 모든 프로젝트를 카드 뷰로 관리. 최근 수정순 정렬. 프로젝트 생성·삭제·열기.
새 프로젝트 생성
템플릿 선택 또는 빈 캔버스로 시작. 캔버스 크기 선택 (16:9 기본). 이름 입력 후 즉시 편집 시작.
프로젝트 삭제
불필요한 프로젝트 삭제로 관리 공간 확보. 확인 모달로 실수 방지. 삭제 후 복구 불가.
계정 보안
HTTPS 통신 암호화, HttpOnly 쿠키, SameSite 정책. 모든 API 요청 세션 인증 적용.
관리자 기능
관리자 계정으로 사용자 승인·강등·삭제 가능. 전체 사용자 목록 관리 및 권한 수준 설정.
Admin