본문 바로가기

반응형

Figma

[Figma] 피그마 그룹(Group)과 해제(UnGroup) 기능 여러 오브젝트를 묶는 그룹 기능 디자인 작업을 하다 보면 여러 개의 오브젝트가 뒤섞여서 관리하기 힘든 경우가 발생합니다.피그마는 이런 문제를 해결하기 위해 그룹 기능을 제공합니다.그룹을 활용하면 개별로 나눠진 오브젝트를 하나로 묶어 편집할 수 있기 때문에 훨씬 효율적으로 활용할 수 있습니다.그리고 개별로 다시 작업을 진행해야 한다면 그룹을 해제하고 독립적으로 관리할 수 있습니다.이 글에서는 그룹과 해제의 개념에 대해 알아보도록 하겠습니다. 그룹의 개념과 활용그룹의 기능이란여러 개의 오브젝트(텍스트 ,도형, 이미지 등)를 하나로 묶어 관리하는 기능입니다.이동, 크기 조절, 복사 등을 일괄적으로 관리할 수 있기 때문에 편리하게 활용할 수 있습니다.그룹을 만드는 방법오브젝트 여러 개 선택 후 Ctrl + G(.. 더보기
[Figma] 피그마 간격 맞추기 & 정렬 단축키 총정리 피그마에서 오브젝트 정렬과 간격 맞추기 디자인을 하다 보면 가장 많이 하는 실수가 바로 '정렬과 간격'입니다.버튼이 조금만 삐뚤어지더라도 카드 간격이 조금만 달라도 전체 화면이 어색해 보입니다.웹 사이트나 앱 디자인처럼 여러 사용자가 동시에 보는 화면에서는 이런 작은 차이가 큰 차이를 만들어냅니다. 피그마는 이런 문제를 해결할 수 있는 강력한 기능을 제공합니다. 정렬(Align) 기능으로 오브젝트를 같은 선상에 맞출 수 있습니다.간격 맞추기(Distribute) 기능으로 일정한 간격을 유지할 수 있도록 도와줍니다.또한, Auto Layout을 활용하면 버튼, 카드, 리스트 같은 UI 요소를 반복해서 만들 때 훨씬 더 효율적으로 작업할 수 있습니다. 그래서 이 글에서는 간격 맞추기 방법을 소개하려고 합니다.. 더보기
[Figma] 피그마 텍스트 도구 사용법 완벽 가이드 피그마에서 텍스트 입력부터 폰트 설정까지 디자인에 있어서 텍스트는 소통의 핵심이라고 볼 수 있습니다.어떤 디자인이든 글씨가 중요할 수 있기 때문이죠 피그마는 작업하는 대로 자동 저장을 지원하기 때문에 간편하게 입력해도바로 반영이 됩니다.처음 사용하시는 분들은 "어디서 글씨를 넣어야 하는건지?", "폰트는 어디서 바꿔야 하지?"와 같은 궁금증이 생길 수 있습니다.그래서 오늘은 피그마 텍스트에 대해서 간단하게 알아보도록 하겠습니다. 텍스트 도구로 글씨 입력하기피그마를 실행하고 일단 새 파일을 만들어주세요그 다음 단축키 T를 투르거나 하단에 보이는 T를 눌러서 텍스트를 입력하고자 하는 영역을 설정해 주세요그럼 아래 이미지처럼 텍스트를 입력할 수 있는 영역이 생성됩니다. 텍스트 박스를 추가했다면 클릭해서 텍스트.. 더보기
[Figma] 피그마에서 새 디자인 파일 만드는 법 피그마에서 새 디자인 파일 만드는 방법 디자인 툴을 처음 접하는 분들이 가장 먼저 접하는 질문이 뭘까요? 바로 "어떻게 파일을 만들고 저장하나요?" 아닐까요?특히 피그마는 설치 없이 웹에서 바로 사용할 수 있기 때문에 많은 분들이 접근하기가 쉽습니다.하지만 처음엔 인터페이스가 낯설 수 있는데요 우리는 이 글을 통해서 Figma(피그마)에서 새 디자인 파일을 만들고 저장하는 방법을 아주 쉽게단계별로 알아보도록 하겠습니다.피그마는 컴퓨터에 설치하지 않아도 클릭 몇 번이면 누구나 시작할 수 있습니다. 피그마에서 새 파일 만들기일단 아래 링크에 있는 피그마에 접속해주세요https://figma.com/ Figma: The Collaborative Interface Design ToolFigma is the l.. 더보기

반응형