Framer X는 어떤 구조일까

아직 기본 환경 세팅을 하지 않았다면, Framer X 시작하기를 확인하길. 자 이제 Framer X를 열어보자. Framer X를 처음 사용한다면, 왼쪽에 Start Tour를 눌러 확인해보자. 오른쪽에 있는 See Tutorial은 Framer가 공식으로 제공하는 양질의 Tutorial을 언제든 따라 해 볼 수 있으니 참고 바란다.

Image for post
Image for post


Framer X 기본 환경 세팅하기

Overview

지난해, 베타를 거쳐 정식버전으로 등장한 Framer X. 코딩이 어려워서, 대부분 예제들이 영어로 되어있어서, 주변에 딱히 쓰는 사람이 없어서. 이러한 이유들로 Framer X는 많은 디자이너들에게 선택받지 못한 채 멀어져만 갔다.

Image for post
Image for post

지난 1년간 Framer X를 경험하면서 실무에 도입하고, 회사 내부에서 교육을 진행했다.좀 더 많은 디자이너들이 Framer X를 쉽게 접할 수 있도록, 디자이너 입장에서 다가가 보려 한다. 진입장벽을 조금이나마 허물 수 있길

1. Framer X 다운로드

아래 Framer 공식 사이트에서 최신 버전을 내려받자. 메일 계정 하나 당, 14일의 시험버전을 이용할 수 있다.

2. VS Code 에디터 다운로드

사실 Framer X는 …

About

Hyunsu Lee

Digital Product designer. @NHN

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store