산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

온라인 워크숍

2

분 소요

인터랙션 라이브러리 시작하기

인터랙션 라이브러리를 사용하여 본인만의 인터랙션 디자인 시스템을 만드는 법을 알아보세요.

Leah Han, Head of China Business
connect ai agents like claude, cursor and more to protopie via mcp

당신의 디자인 시스템은 정적인가요? 이를 바탕으로 ProtoPie의 인터랙션 라이브러리를 사용해 자신만의 인터랙션 디자인 시스템을 만들어 보세요.


Interaction Library


인터랙션 라이브러리

디지털 제품은 그 어느 때보다 더 역동적이고 복잡해졌으며, 소프트웨어와 하드웨어의 경계를 허물고 있습니다.

디자이너에게 일관된 인터랙션을 유지하는 것은 큰 과제입니다.

그래서 Google과 Apple의 디자인 팀은 디자인 시스템에 인터랙션 가이드를 포함하기 위해 많은 노력을 기울입니다.

팀이 자신만의 인터랙션 디자인 시스템을 만들 수 있도록, 고충실도 프로토타이핑 도구인 ProtoPie는 지난 업데이트(ProtoPie 5.0)에 인터랙션 라이브러리를 추가했습니다.

이제 디자이너는 매번 인터랙션을 다시 만들거나 여러 파일에 흩어져 저장된 컴포넌트를 찾을 필요가 없습니다.

이번 워크숍에서 ProtoPie 강사 Leah가 ProtoPie로 인터랙션 라이브러리를 만드는 방법을 알려드립니다.

누가 보면 좋을까요

  • 인터랙션 라이브러리를 구축할 팀

  • 디자인 시스템에 관심 있는 분

  • ProtoPie 사용 여부와 관계없이 누구나 참여할 수 있습니다!

Q&A 세션에서 사용자들이 했던 가장 궁금한 질문들을 들으려면 끝까지 시청하세요.

목차

  • 소개

  • ProtoPie로 인터랙션 라이브러리를 만드는 방법을 배우세요

  • 인터랙션 라이브러리를 사용해 프로토타입을 만드는 방법을 배우세요

  • Q&A