본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

이번 글에서는 웹사이트에 사용할 수 있는 120개 이상의 무료 SVG 도형 모음을 공유하려 합니다. 도형을 클릭해서 SVG 코드를 클립보드에 복사하고 프로젝트에 붙여넣기만 하면 되는 아주 간단한 작업이니 모두 잘 활용해보시길 바랍니다.

Shapes 2.0 소개

이번에 공개된 Shapes 2.0은 기존 Shapes 라이브러리를 업그레이드한 버전으로, 무려 120개 이상의 무료 SVG 도형을 제공합니다.약 40개의 도형이 새롭게 추가되었고, 새롭게 단장한 웹사이트를 통해 원하는 모양을 쉽게 찾고 디자인에 붙여넣을 수 있습니다.

• 도형을 클릭하면 즉시 SVG 코드가 클립보드에 복사

• 복사한 코드를 그대로 프로젝트에 붙여 넣어 활용 가능

이제 복잡한 과정 없이 간단하게 원하는 도형을 불러올 수 있겠죠.

워크플로우를 향상시키는 Shapes 2.0

웹사이트가 깔끔하고 모던한 디자인으로 새롭게 디자인되어, 원하는 모양을 빠르게 찾을 수 있습니다. 새로운 모양 기능은 영감을 얻거나 작업 속도를 높이고 싶은 디자이너에게 안성맞춤입니다. 원하는 모양을 선택하여 Framer에 붙여넣기만 하면 디자인 과정에서 시간과 리소스를 절약할 수 있습니다.

CMS로 최신 상태 유지하기

Shapes 2.0 웹사이트가 특별한 이유 중 하나는, Framer의 콘텐츠 관리 시스템(CMS)을 사용하여 도형들을 관리한다는 점이에요. 이 덕분에 새로운 도형을 손쉽게 업데이트하고 전체 컬렉션을 효율적으로 정리하며, 컬렉션을 항상 최신 상태로 유지하고 어떤 사용자든 쉽게 접근할 수 있는 웹사이트를 만들 수 있었죠.

웹사이트에서 더 많은 도형 찾아보기

Shapes 2.0 컬렉션은 공식 웹사이트에서 확인하실 수 있습니다. 데스크톱 사용자라면 사이트 안에 숨겨진 작은 이스터에그도 발견할 수 있을 거예요.

마무리

Shapes 2.0은 새로운 SVG 도형과 리뉴얼된 웹사이트를 통해 디자이너의 워크플로우 속도를 더 효율적이게 만들어 줍니다. 여러분이라면 Shapes 2.0의 도형을 가장 먼저 어떤 디자인 작업에 활용해보고 싶으신가요? 지금 바로 웹사이트에 방문해보신다면, 아마 다음 프로젝트에 딱 맞는 도형을 발견할 수 있을 겁니다.

본 글은 Framer 공식 블로그의 ‘Shapes 2.0 — fresh SVG shapes and a refreshed website’를 번역·각색한 콘텐츠입니다.