[베타] ProtoPie MCP를 만나보세요! 자세히 보기

[베타] ProtoPie MCP 공개! 자세히 보기

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

ProtoPie MCP

시작하기

Studio MCP 소개

Studio MCP 설치 및 설정

Code MCP 소개

Code MCP 설치 및 설정

Dev View

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

메뉴

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

ProtoPie MCP

시작하기

Studio MCP 소개

Studio MCP 설치 및 설정

Code MCP 소개

Code MCP 설치 및 설정

Dev View

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

보이스 프로토타이핑

ProtoPie의 보이스 프로토타이핑 기능을 사용하면 음성 인식(STT) 및 음성 합성(TTS) 기술을 통해 실제와 같은 음성 상호작용을 프로토타입에 추가할 수 있습니다. 음성 명령이 인식되고 텍스트가 큰 소리로 읽히는 등 상상하던 음성 상호작용들을 구현하여, 실제 같은 몰입형 경험을 만들어 보세요.

대화형 디자인과 음성 상호작용을 통합하면 접근성, 음성 검색, 음성 비서, 음성 받아쓰기 앱 등을 위한 프로토타입을 손쉽게 만들 수 있습니다. 기존의 터치 방식의 상호작용을 뛰어넘어 새로운 가능성을 열어줍니다.

음성 상호작용을 구현할 때는 1개의 트리플리와 2개의 리스폰스가 사용됩니다. Listen 리스폰스는 프로토타입이 음성 명령을 수신하도록 활성화합니다. 음성 명령을 바탕으로 리스폰스가 실행되도록 설정하려면 Voice Command 트리거를 사용할 수 있습니다. Voice Command 트리거를 사용하기 전에는 항상 Listen 리스폰스가 먼저 배치되어야 한다는 점을 기억해 두세요.

또한, Speak 리스폰스를 사용하여 프로토타입이 텍스트를 소리 내어 읽도록 할 수 있습니다.

기기에 마이크와 인터넷 연결이 원활히 구성되어 있다면, 다양한 환경에서 음성 인터랙션을 탑재한 프로토타입을 자유롭게 경험해 볼 수 있습니다. 지원하는 개발 환경은 다음과 같습니다.

STT(음성 인식) 상호작용
  • ProtoPie Studio의 preview 창

  • ProtoPie Player

  • ProtoPie Cloud

  • Google Chrome(데스크톱)

  • Google Chrome(Android)

TTS(음성 합성) 상호작용
  • ProtoPie Studio의 preview 창

  • ProtoPie Player

보이스 프로토타이핑 지원 언어
  • 음성 인식용(STT) 52개 언어 및 지역별 변형 언어

  • 음성 합성용(TTS) 40개 언어 및 지역별 변형 언어

의견 보내기

보이스 프로토타이핑은 현재 베타 버전으로 제공됩니다. 여러분의 소중한 피드백은 기능을 더욱 향상하는 데 큰 힘이 됩니다. 개선 사항에 대한 의견이나 사용 중 제안하고 싶은 내용이 있다면 언제든 편하게 공유해 주세요.

기능 활용하며 배우기

보이스 프로토타이핑 마스터클래스

업계 전문가가 진행하는 실전 가이드인 고급 보이스 프로토타이핑 마스터클래스를 통해, 대화형 가이드 연습 과정을 따라가며 실제와 유사한 다양한 음성 예제를 다뤄보세요. 이를 통해 음성 인터랙션을 더 효과적으로 사용하는 방법을 배울 수 있습니다.

TV 및 비디오 스트리밍 UI 마스터클래스

새롭게 공개된 마스터클래스입니다. Netflix, Disney Plus 등 실제 널리 쓰이는 스트리밍 서비스 예시를 활용하여 동적 상호작용이 가미된 풍부한 스마트 TV 인터페이스 프로토타이핑 방법을 학습해 보세요.

실제 활용 사례

다양하고 실용적인 활용 사례를 통해 보이스 프로토타이핑 기능을 개발 단계에서 어떻게 적용할 수 있는지 알아보세요.