프레이머-로고-섬네일

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을 만들어 배포합니다. 이전보다 기술이 발달하고 웹 환경이 좋아지면서 여러 웹 제품을 만들어 소통하는 것이 자연스러워졌는데요, 웹과 앱으로 제공하는 본 서비스와 독립적으로 작동하는 웹사이트를 만드는 경우도 늘었습니다.

프레이머 Framer 는 이런 상황에 요긴한 툴입니다. 크리에이터를 위한 웹 빌더로 디자인한 그대로 웹사이트를 손 쉽게 만들 수 있습니다. 웹을 디자인하고 버튼 한번만 누르면 웹사이트가 만들어지죠. 프레이머 웹에 접속해 피그마에서 하듯이 GUI를 설계하고, 웹 배포를 위한 몇가지를 설정하고 배포를 누르면 누구나 접속할 수 있는 웹사이트가 만들어집니다.

모바일 디자인 툴의 패러다임 변화는 극적이었습니다. 포토샵을 이용해 모바일 화면을 디자인하다 더 가벼운 GUI 툴인 스케치로 옮겼고, 온라인 협업 기반의 디자인 툴인 피그마로 넘어갔습니다. 프레이머는 그래픽 디자인 결과물이 실제 동작하는 웹으로 전환하는 과정에 집중한 툴입니다. 과연 프레이머는 새로운 패러다임이 될 수 있을지 기대되네요.

더 보기 및 출처

비슷한 글

figma-finder-thumbnail

Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지…

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다.…

프레이머-로고-섬네일

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을…

Figmotion: 가볍게 모션 만져보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을…

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는…

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을…

피그마 플러그인

피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다. 3707

디자인 나침반 뉴스레터

이용약관 개인정보처리방침

답글 남기기