검색 본문
blog.naver.com 세상의 모든 IT 디자인 툴 피그마 사용법 주면 바로 접속하게 됩니다 (같이 수정을 할 수 있도록 권한을 줄지 보기만 가능하도록 하는것도 가능합니다) 이러한 방법으로 간단하게 피그마 사용법을 알려드렸는데 한번이라도 사용해보신분은 아시겠지만 간단한 작업을 할 수 있도록 하는 웹 사이트 디자인 툴입니다 그렇기에 어디서든 사용할 수 있다는 장점이... 2024.05.05 블로그 검색 더보기 sophora.tistory.com 소포라 [피그마사용법] 디자인 협업 툴 효율성 최강! 피그마의 필요성 실시간 협업: 여러 사용자가 동시에 작업하고 편집할 수 있어 팀원들 간의 소통과 협업을 원활하게 할 수 있습니다. 다양한 기능: 디자인, 프로토타이핑, 사용자 테스팅 등 다양한 디자인 관련 기능을 한 곳에서 제공하여 효율적인 작업을 가능하게 합니다. 웹 기반 툴: 별도의 설치가 필요 없이 웹 브라우저를 통해 접근할 수 있어 언제 어디서든 작업을 이어나갈 수 있습니다. 피그마의 기능과 활용 디자인: 다양한 디자인 도구와 템플릿을 활용하여 UI/UX 디자인을 빠르게 구성할 수 있습니다. 프로토타이핑: 인터랙티브한 프로토타입을 제작하여 사용자 피드백을 빠르게 수렴하고 개선할 수 있습니다. 버전 관리: 디자인의 변경 사항을 효율적으로 추적하고 관리하여 작업의 투명성을 유지할 수 있습니다. 피그마의 활용 사례 UI/UX 디자인: 웹사이트, 앱, 소프트웨어 등의 UI/UX 디자인을 제작하고 프로토타입을 만들어 테스트합니다. 팀 협업: 여러 디자이너나 개발자들이 함께 작업하고 피드백을 주고받으며 프로젝트를 관리합니다. 클라이언트 프레젠테이션: 클라이언트에게 디자인 컨셉을 시각적으로 전달하고 설명하기 위해 사용됩니다. 자주 묻는 질문 (FAQ) 피그마는 무료인가요? 👩 피그마에는 기본 무료 플랜과 유료 플랜이 있습니다. 기본 기능을 사용할 경우 무료로 이용할 수 있습니다. 피그마는 어떤 형식의 파일을 내보낼 수 있나요? 👩 피그마에서는 PNG, JPEG, PDF, SVG 등 다양한 형식의 파일을 내보낼 수 있습니다. 피그마에서는 어떻게 협업할 수 있나요? 👩 피그마에서는 공유 링크를 생성하여 다른 사용자와 협업할 수 있습니다. 또한 코멘트 기능을 통해 피드백을 주고받을 수 있습니다. 피그마사용법 2 피그마는 무료인가요? 👩 피그마에는 기본 무료 플랜과 유료 플랜이 있습니다. 기본 기능을 사용할 경우 무료로 이용할 수 있습니다. 피그마는 어떤 형식의 파일을 내보낼 수 있나요? 👩 피그마에서는 PNG, JPEG, PDF, SVG 등 다양한 형식의 파일을 내보낼 수 있습니다. 피그마에서는 어떻게 협업할 수 있나요? 👩 피그마에서는 공유 링크를 생성하여 다른 사용자와 협업할 수 있습니다. 또한 코멘트 기능을 통해 피드백을 주고받을 수 있습니다. 피그마사용법 피그마사용법 피그마활용 디자인협업툴 2024.04.19 dogfootbirdfootdeveloper.tistory.com shinyeveryday 피그마 사용법 폰트추가 적용 다운로드 8 피그마를 사용하다보면 새로운 폰트를 추가하고 싶을 때가 있죠? 어렵지 않습니다. 천천히 알려드릴테니 따라오세요 :) 먼저 피그마에서 폰트를 사용하기 위해선 폰트가 컴퓨터에 다운로드 되어있어야 합니다! 저는 눈누에서 주로 다운받고 있는데 무료 한글 폰트도 많고 상업적 이용 가능한 폰트도 있어서 애용하고... 2024.05.22 marketing-genie.tistory.com 현직 마케터의 성장일지 [피그마] 피그마 사용법 A to Z 부트캠프 with 메타코드 1. 계정 생성 및 로그인 먼저, 구글에서 영어로 'figma' 또는 한글로 '피그마'를 검색하시면 최상단에 뜨는 사이트가 보이실거예요. 검색 환경에 따라 최상단에 뜨는 사이트가 공식 피그마 사이트가 아닐 수 있기 때문에, 화면 내 우측에 보이는 피그마 로고를 잘 보시고 사이트 로고/이름을 잘 보고 접속해주셔야 합니다. 사이트 접속 후 계정을 생성했다면, 구글 화면에서 클릭한 링크의 바로 아래에 'Figma Downloads'를 클릭해서 피그마를 설치해줍니다. 2. 새로운 파일 생성 저는 웹 버전으로 포스팅해볼게요! (웹이랑 프로그램이랑 UI는 똑같음) 계정 내 대시보드는 위와 같이 생겼습니다. 우측 상단의 Disign file을 클릭하고 Draft를 누르면 새로운 파일을 생성할 수 있습니다. 3. 캔버스 및 프레임 피그마에서 작업하는 영역은 캔버스라고 합니다. 여기에 여러 프레임을 추가하여 디자인을 구성하게 됩니다. 상단 메뉴에서 # 모형을 누르면 프레임을 생성할 수 있습니다. 이를 드래그하면 원하는 사이즈의 프레임이 생성되는데, 이를 통해 웹사이트, 앱 화면 등의 크기를 설정할 수 있습니다. 4. 도구 및 패널 소개 왼쪽 패널에는 여러 도구와 요소들이 있습니다. 이 패널에서는 현재 페이지 리스트와 다양한 레이어들을 볼 수 있습니다. 레이어 안에는 하위 레이어가 있을 수도 있고 레이어 앞의 모형만 봐도 해당 레이어가 텍스트 레이어인지 등을 구분할 수 있습니다. 5. 레이어 및 속성 오른쪽 패널에서는 레이어, 스타일, 효과 등의 속성을 관리할 수 있습니다. 도형의 색깔을 변경하거나 다양한 효과를 추가하고 박스간 간격, 정렬, 텍스트의 자간/장평/폰트 등을 설정할 수 있습니다. 이 패널에서 객체의 순서를 조절하고 그룹화할 수 있습니다. 6. 협업 기능 활용 피그마는 실시간 협업이 가능한 도구이기 때문에, 다른 사용자를 초대하여 함께 작업할 수 있습니다. 상단 메뉴의 Share 옵션을 통해 파일을 공유하고 권한을 설정할 수 있습니다. 이렇게 피그마의 전반적인 기능들에 대해 살펴보았는데요, 상세한 기능은 생략한 부분도 많지만, 대충 클릭만 해봐도 어떤 기능인지 파악하기 쉽기 때문에 한 번 다운받아서 활용해보시면 좋을 것 같습니다. 피그마에 대해 전문 강사의 쉬운 강의를 듣고 싶은 분이 계시다면 메타코드에서 피그마 강의를 찾아보세요! 메타코드 바로가기: https://mcode.co... 6 먼저, 구글에서 영어로 'figma' 또는 한글로 '피그마'를 검색하시면 최상단에 뜨는 사이트가 보이실거예요. 검색 환경에 따라 최상단에 뜨는 사이트가 공식 피그마 사이트가 아닐 수 있기 때문에, 화면 내 우측에 보이는 피그마 로고를 잘 보시고 사이트 로고/이름을 잘 보고 접속해주셔야 합니다. 사이트 접속 후 계정을 생성했다면, 구글 화면에서 클릭한 링크의 바로 아래에 'Figma Downloads'를 클릭해서 피그마를 설치해줍니다. 피그마 피그마사용법 피그마유료 피그마다운로드 피그마자격증 피그마무료 피그마강의 피그마사이트 피그마다운 메타코드엠 2024.02.27 [피그마] 피그마 사이트 무료 전환 방법 [피그마] 피그마 입문 A to Z 부트캠프 메타코드_2강/피그마 설치 및 설정하기 soyaa1004.tistory.com 서비스 기획자 성장일기 [피그마(figma) 사용법] 기본 단축키와 유용한 기능 4 c 키를 누르면 된다. 현재 피그마를 공부하고 있는 사이트는 메타코드라는 사이트로, 아래 링크를 누르면 접속할 수 있다⭐️ ⭐ 메타코드M 사이트 바로가기 https://mcode.co.kr/ #피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠 #메타코드 피그마사용법 피그마유료 피그마다운로드 피그마자격증 피그마무료 피그마 피그마강의 피그마사이트 피그마다운 메타코드엠 메타코드 2024.02.21 [피그마(figma) 사용법] 툴 사용법 기초 정리 [Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "3강 작업환경 살펴보기(3)" love1008.tistory.com Career Up [피그마(figma) 사용법] 툴 사용법 기초 정리 12 코드 강의 후기에서의 내용을 간결하게 작성하였습니다. 보다 상세한 단계 별 피그마 강의 후기는 따로 올릴 예정이니 참고해주세요! 피그마 사용법 피그마 작업 환경에서 주로 사용되는 것들을 추려서 정리하고자 한다. Section, Frame, Group 우선 피그마는 Section, Frame, Group의 위계 순서를 아래와 같이 살펴 볼... 피그마사용법 피그마유료 피그마다운로드 피그마자격증 피그마무료 피그마 피그마강의 피그마사이트 피그마다운 메타코드엠 메타코드 2024.02.21 [피그마(figma) 사용법] 기본 단축키와 유용한 기능 [피그마] 피그마 입문 A to Z 부트캠프 메타코드_3-2강) 피그마 페이지 돌아보기 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 soyaa1004.tistory.com 서비스 기획자 성장일기 [피그마(figma) 사용법] 툴 사용법 기초 정리 2. 프레임 생성 이 버튼을 눌러 프레임을 생성하고, 오른쪽 Design 에서 원하는 크기의 프레임을 선택한다. 크기를 자유롭게 설정하고 싶다면, 마우스를 잡고 당겨 자유로운 크기의 영역을 만들 수 있다. 3. 버튼 생성 주로 좌측 상단의 도형 아이콘을 통해 도형을 그릴 수 있다. 단축키 [Shift] 를 활용해 정방향 모양을 그릴 수 있으며, 오른쪽 Design에서 속성값을 조절할 수 있다. 그리고 T 아이콘을 클릭해서 텍스트를 삽입할 수 있으며, 도형과 마찬가지로 오른쪽 Design에서 속성값을 조절할 수 있다. 4. 저장하기 File - Export 나 Export Frames to PDF 를 통해 피그마 파일 및 작업물들을 추출 할 수 있다. 내보내기가 가능한 파일 형식은 PNG, JPG, SVG, PDF 가 있다. 또는 단축키 [ctrl + shift + E] 를 통해서도 추출할 수 있다. 5. 상단 툴 정리 왼쪽부터 차례대로 [1. 이동/스케일링 조정 2. 프레임 3. 도형 4. 펜 툴 5. 화면이동 6. 코멘트 입력] 이다. 이 기능과 기본 단축키만 알아도, 피그마에서 간단한 결과물을 만들 수 있을 것이다 👍🏻 🔍피그마 단축키와 유용한 기능 https://soyaa1004.tistory.com/13 제가 공부하고 있는 사이트는 메타코드라는 사이트로, 피그마에 대한 기초를 제대로 잡고싶다면, 메타코드에 있는 피그마 입문 강의를 꼭꼭 들어보길 추천드립니다⭐️ 아래 링크를 누르면 접속 가능 합니다! ⭐ 메타코드M 사이트 바로가기 http 8 File - Export 나 Export Frames to PDF 를 통해 피그마 파일 및 작업물들을 추출 할 수 있다. 내보내기가 가능한 파일 형식은 PNG, JPG, SVG, PDF 가 있다. 또는 단축키 [ctrl + shift + E] 를 통해서도 추출할 수 있다. 피그마사용법 피그마유료 피그마다운로드 피그마자격증 피그마무료 피그마 피그마강의 피그마사이트 피그마다운 메타코드엠 메타코드 2024.02.21 티스토리 검색 더보기 brunch.co.kr 리온 피그마 시작하기 18 안녕하세요. 리온입니다. 인스타그램에서는 긴 글을 다루기 어려워 브런치에서 차근차근 피그마 사용법을 준비해보려 해요. 먼저 왕초보분들을 위해 피그마를 시작하기에 앞서 피그마가 무엇인지, 도대체 어떨 때에 사용하는 툴인지 한번 알아보고, 가볍게 툴을 살펴볼게요. 1. 피그마는 무엇인가 2. 피그마 가입하기 3... 디자인 UI UI디자이너 2024.03.05 브런치스토리 검색 더보기 story.kakao.com 꿀정보 꿀정보 - 카카오스토리 피그마 사용법과 단축키 등 피그마 모든 정보를 정리했습니다. 자세한 내용은 아래 확인해주세요. #피그마사용법 #피그마프로그램 #피그마플랜 #피그마펜 #피그마마이크론 #피그마단축키 2024.03.15 카카오스토리 검색 더보기
리온 brunch.co.kr/@figmalion 브런치스토리 디자이너의 피그마 사용법
프리미엄링크
'피그마 사용법' 관련 광고입니다. 이 광고의 표시 사유