디자인 협업 툴로 많은 사랑을 받고 있는 피그마는 특히 웹과 모바일 앱의 UI/UX 디자인에서 필수적인 도구입니다. 하지만 피그마를 처음 사용하는 초보 디자이너들은 이 툴을 효과적으로 활용하는 데 어려움을 겪기도 합니다. 오늘은 그런 분들을 위해 유용한 무료 피그마 UI UX 디자인 컴포넌트 모음 사이트를 소개해드리려고 합니다. 이 사이트들을 활용하면 디자인 작업을 더 수월하게 진행할 수 있을 것입니다.
Figcomponents 무료 피그마 UI 컴포넌트 라이브러리
Figcomponents는 무료 피그마 구성 요소 라이브러리를 제공하는 웹사이트입니다
피그마(Figma)에 쉽게 복사여 붙여 넣을 수 있는 UI 구성 요소 컬렉션을 제공하여 디자이너가 효율적으로 디자인을 제작할 수 있도록 도움을 줍니다
피그마에서 UI/UX 디자인을 제작할 때, 버튼부터 데이터 시각화에 이르기까지 다양한 구성 요소를 활용하게 됩니다. 이때 Figcomponents는 디자인 프로세스를 간소화해 주는 유용한 리소스를 제공합니다.
다양한 디자인 프로젝트에 필요한 구성 요소를 손쉽게 얻을 수 있어, 이를 적극적으로 활용하면 디자인 작업을 보다 빠르게 진행할 수 있습니다.
Figcomponents 피그마 사용법
1. Figcomponents 사이트에 접속하여 원하는 UI 구성 요소를 탐색합니다.
왼쪽 메뉴에서 다양한 UI 구성 요소 카테고리를 선택하면, 필요한 피그마 UI 디자인 컴포넌트를 쉽게 찾을 수 있습니다.
2. 디자인 프로젝트 용도에 맞게 UI 구성 요소 컴포넌트 선택하고 [클립보드 복사] 버튼을 눌러줍니다
3. 피그마 사이트로 돌아와서 에디터 디자인 보드에서 [Ctrl+V] 붙여 넣기 하면 해당 UI 구성 요소 사용할 수 있습니다
4. 추가한 구성 요소는 색상, 크기, 텍스트 등을 디자인 프로젝트 용도에 맞게 수정 및 편집하여 완성합니다
마치며
Figcomponents 사이트를 통해 다양한 피그마 UI 디자인 구성 요소와 컴포넌트 리소스를 확인해 보았습니다. 이 사이트에서는 원하는 UI 디자인 구성 요소를 쉽게 찾을 수 있으며, 간편하게 복사하고 붙여 넣기만 하면 피그마에서 직접 사용할 수 있어, 피그마 UI 디자인 작업 시 매우 유용하게 활용할 수 있을 것 같습니다.
피그마에서 UI 디자인 구성 요소를 빠르게 제작하고 싶다면, Figcomponents를 활용해 보세요.!
▼ 피그마 UI 디자인 구성 요소 컴포넌트 모음 사이트 바로가기
▼ 함께 보면 좋은 글
'디자인 레퍼런스' 카테고리의 다른 글
홈페이지 제작에 도움을 주는 디자인 참고 사이트 추천 (9) | 2024.11.10 |
---|---|
디자인 포트폴리오 참고: 해외 그래픽 레퍼런스 추천 (3) | 2024.09.05 |
디자인 창작 위한 해외 UI UX 웹사이트 디자인 레퍼런스 5곳 (0) | 2024.08.14 |
핀터레스트 찾는 나만의 취향 트렌드 검색 키워드 추천 (0) | 2024.07.26 |
UI UX 디자인 포트폴리오 참고하기 좋은 웹사이트 모음 (0) | 2024.07.25 |
댓글