brunch

프로토파이 3.10 (뒷북)

Link, Border, Shadow, Figma, 3x Perf...

by 이세호

(3.11이 예상보다 너무 빨리 업데이트 되면서 뒷북칩니다ㅠㅠ)


3.10 주요 업데이트 내역 ( 19/02/13 )

-퍼포먼스 향상 (3배 빠른)

-피그마 임포트 지원

-Border/Shadow 속성 추가

-Border/Shadow 리스폰스 추가

-Link 리스폰스 (URL을 통한 브라우저로 웹사이트 열기, 딥링크를 통합 앱내 특정 페이지 실행)

-인터랙션과 함께 복붙 (Ctrl+C, Ctrl+Shift+V)

-Audio 레이어

-디바이스간 통신에 Formula와 Variable 사용

-더 많은 Formula 기능

-타임라인 개선

-컬러피커 교체

-새로운 단축키



1. 3배 빠른 퍼포먼스 (샤아)

기동전사 건담의 3배 빠른 그분

(3배 빠른 샤아 모르시면... 링크)

3.10 버전 이하에서는 고용량 Pie파일을 열때에 꽤 지연되는 현상이 있었는데요, 3.10이후에는 Pie파일을 열때에 지연되는 현상이 없다 싶을 정도로 매우 줄어들었습니다. 퍼포먼스면에서의 개선은 프로토파이 출시 이후 공식적으로 언급된 것은 처음이라서 더 좋았습니다. 확실히 쾌적해진 것을 느낄 수 있습니다.



2. 피그마 임포트 지원


스케치, 어도비 XD에 이어 피그마까지 임포트를 지원합니다. 널리 사용되는 UI디자인툴 3종을 모두 지원하게 되어 훨씬 더 많은 유저들이 프로토파이를 사용할 수 있게 되었습니다.


자세한 임포트 방법은 프로토파이 Basic 문서 (링크), 피그마 공식문서 (링크)를 참고하세요


임포트 버튼에 추가된 'Figma'



3. Link리스폰스 지원


Link리스폰스는 웹사이트 호출과 앱 호출을 지원하는 리스폰스입니다. 그동안 프로토파이 플레이어에서만 갇혀있는 시연만 할 수 있었는데 이제는 프로토파이 플레이어에서 다른 앱을 호출하는 것까지 시연이 가능해졌습니다. 1) URL을 통한 웹사이트 호출(브라우저)과 2) 딥링크(URL스킴)을 통한 앱 내 페이지 호출. 2가지 방식을 지원합니다.


딥링크를 활용하시려면 해당 서비스의 개발자 페이지에서 URL스킴을 확인하시면 됩니다. 예를 들어 네이버앱의 음성인식 화면을 활용하고자 하시면 앱명칭과 함께 'naver url scheme' 이라고 검색해보시면 https://developers.naver.com/docs/utils/mobileapp/과 같은 개발자 문서가 노출됩니다. 다만 안드로이드와 iOS의 URL스킴 형식이 서로 다르기 때문에 시연하실때는 시연하려는 폰의 OS를 확인하시어 입력하시기 바랍니다.

네이버_앱_URL_Scheme_연동_가이드_-_NAVER_Developers.png 네이버의 Dev문서 중 '모바일앱 연동' > 'URL스킴'



3.10은 뒷북 소식으로 써서 죄송합니다. 3.11은 재빨리 써보고 올렸어요!

감사합니다.


Cover Photo 'Pie!' by mazaletel



프로토파이의 업데이트 내역은 여기서 볼 수 있습니다. (3.0부터 3.11까지)

https://www.protopie.io/support/updates/


프로토파이의 그동안 업데이트에 대해 제가 정리한 글들은 '프로토파이 업데이트 소식' 매거진을 참고하세요.

https://brunch.co.kr/magazine/ppup



--------------------

작성자 소개


이세호

NS홈쇼핑에서 기획자로 일하고 있습니다.


2018.04 ~ 2019.04

프로토파이 워크샵 누적 수강자 170여명


이메일 trueleesh@naver.com

페이스북 www.facebook.com/lshdo

링크드인 https://www.linkedin.com/in/seholee520/

프로토파이 질문 https://m.me/lshdo

페이스북 페이지 (하즈포켓) https://www.facebook.com/haazpocket/

keyword
매거진의 이전글프로토파이 3.9 업데이트