Figma 불규칙한 형태 10초만에 만들기
혹시 이런 불규칙한 형태를 만들고 싶으신가요? 본 글에서는 피그마 플러그인을 사용하여 디자인 비전공자도 10초만에 비정형 형태를 만들 수 있는 Figma 불규칙한 형태(shape) 제작 방법을 소개합니다.
아마 이런 불규칙한 모양의 디자인을 한번쯤 보셨을거에요. 좌측은 감정일기 앱으로 유명한 무다(mooda)입니다. 무다는 완전한 동그라미가 아닌 마치 손으로 그린듯한 삐뚤삐뚤한 원형을 사용했습니다. 이는 무다앱의 ‘심플하게 감정을 기록하는 다이어리’ 컨셉과 찰떡궁합 입니다.
그렇다면 이제 이런 비정형 모양을 피그마로 어떻게 제작할 수 있는지 알아보겠습니다. (쉬움 주의)
Figma에서 형태를 디자인하는 기본 원리
실제로 펜툴을 이용해 비슷한 형태를 그려보신 분들은 그게 얼마나 어려운 일인지 잘 알 것입니다. 생각보다 균형과 일관성을 유지하는것이 어렵습니다. 대충 그린것처럼 보이지만 ‘형태’라는것이 심미성을 가지려면 명확성, 일관성, 균형, 대비, 강조, 효율성등이 잘 설계되어야 아름다움을 느낄 수 있습니다.
실제로 디자이너들은 대충 그린듯한 저 형태를 만들기 위해 일러스트에서 펜툴로 꽤 긴시간 실험을 하기도 합니다. 하지만 이 글에서 소개해드리는 플러그인을 이용한다면 디자이너가 아닌 비전공자도 쉽게 비정형 형태를 피그마에서 제작할 수 있습니다.
Blobs 플러그인 소개
불규칙한 형태를 만들 수 있는 플러그인은 여러가지가 있지만 이 글에서는 손으로 그린듯한 비정형 형태를 쉽고 빠르게 만들어낼 수 있는 ‘Blobs’ 플러그인에 대해 소개합니다.
1. 플러그인 설치 및 실행
커뮤니티에서 ‘blobs‘를 검색하여 실행합니다.
2. 플러그인 사용법
플러그인을 실행하면 이런 창이 뜹니다. 정말 단순하죠? 우리가 제어해야 할 것이 단 두개 밖에 없습니다.
피그마 툴로 원을 하나 그려줍니다.
원을 선택한 상태에서 ‘Compiexity’와 ‘Uniqueness’를 좌우로 드래그 해서 움직여보세요. 옆에 작은 미리보기 썸네일에서 원의 형태가 변하는 것을 볼 수 있습니다. 마음에 드는 모양이 되었다면 ‘Insert’를 클릭합니다.
혹시 처음부터 다시 조절해보고 싶다면 ‘Insert’ 버튼 우측의 리셋 버튼을 누르면 됩니다.
20초도 안되는 시간에 비정형 원 두개를 제작했습니다. 모다처럼 감정을 표현하는 색과 눈코입을 넣어보겠습니다.
위에는 돌덩이 같았는데, 색상과 이목구비를 넣으니 조금 그럴 듯 한가요? (눈코입은 피그마에서 연필툴 사용)
저는 원은 형태를 어느정도 유지하는 것을 목표로 해서 약간 일그러진 형태의 원을 만들었습니다. 수치를 조절하면 불가사리 같은 모양 외 다양한 형태가 생성됩니다.
FAQ
Q1: Figma에서 불규칙한 형태를 만들기 위해 어떤 플러그인을 사용할 수 있나요?
Figma에서는 다양한 플러그인을 이용하여 불규칙한 형태를 만들 수 있습니다. 가장 인기 있는 플러그인으로는 ‘Blob Maker’, ‘Vector Shape Generator’, ‘Figmotion’ 등이 있으며, 이들은 간단한 조작으로 복잡한 형태를 생성할 수 있는 기능을 제공합니다.
Q2. Figma 플러그인을 사용할 때 비용이 발생하나요?
많은 Figma 플러그인은 무료로 제공되지만, 일부는 고급 기능에 대해 비용을 청구할 수 있습니다. 사용하기 전에 각 플러그인의 설명을 잘 읽고, 필요한 경우 비용이 청구되는 부분이 있는지 확인하세요.
Q3. 형태를 만들 때 유의할 점은 무엇인가요?
불규칙한 형태를 만들 때는 디자인의 가독성과 명료성을 유지하는 것이 중요합니다. 너무 복잡하거나 과한 디자인은 사용자 경험을 저해할 수 있습니다. 또한, 모든 디자인 요소가 전체 브랜드 이미지와 일관되게 유지되어야 합니다.
Q4.만들어진 불규칙한 형태를 다른 디자인 소프트웨어로 내보낼 수 있나요?
네, Figma에서 만든 불규칙한 형태는 SVG, PNG, JPG 등 다양한 형식으로 내보낼 수 있으며, 이를 다른 디자인 소프트웨어에서도 사용할 수 있습니다. 내보내기 옵션을 통해 다양한 해상도와 형식으로 조정할 수 있습니다.
Q5.플러그인 없이 Figma에서 불규칙한 형태를 만드는 방법은 없나요?
Figma의 공식 튜토리얼과 커뮤니티, 디자인 관련 블로그, YouTube 채널 등 다양한 온라인 플랫폼에서 유용한 학습 자료를 찾을 수 있습니다. 또한, Figma 사용자들이 만든 튜토리얼을 찾아보는 것도 매우 도움이 됩니다.
결론
Figma에서 불규칙한 형태를 디자인하는 과정은 창의력과 기술이 만나는 지점입니다. 오늘 배운 내용을 바탕으로 여러분만의 독창적인 형태를 만들어보세요. 시행착오를 두려워하지 마시고, 각각의 프로젝트를 통해 새로운 것을 발견하는 기쁨을 즐기시길 바랍니다.
Figma와 함께라면, 여러분의 상상력은 디자인이라는 현실에서 빛을 발할 것입니다. 그 여정에 이 글이 작은 이정표가 되길 바라며, 여러분의 다음 창의적인 작품이 세상에 빛을 발하는 그 순간을 기대합니다.
