Figma Learn
시작하기
enterto select ↑↓to navigate escto close

Figma Design

Design and prototype in one place

Dev Mode

Translate designs into code

FigJam

Collaborate with a digital whiteboard

Figma Slides

Co-create presentations

Figma Draw

New

Illustrate with advanced vector tools

Figma Buzz

Beta

Produce on-brand assets at scale

Figma Sites

Beta

Publish fully responsive websites

Figma Make

Beta

Prompt to code anything you can imagine

AI

Explore all Figma AI features

Work across Figma

Learn how Figma tools work together

Developer docs

Work with APIs, embeds, and more

일반 사용자용

계정
  • 설정 관리
  • 기본 설정 변경
파일 및 프로젝트
  • 파일 브라우저 사용
  • 파일 및 프로젝트 관리
  • 공유 및 권한

관리자용

청구
  • 개요
  • 시트 관리
  • 요금제 관리
  • Figma 요금 결제
팀
  • 팀 관리
조직
  • 개요
  • 로그인 및 인증
  • Figma 배포
  • 멤버 및 게스트
  • 팀
  • 라이브러리 및 리소스
엔터프라이즈
  • 청구 그룹
  • 작업공간
  • 보안 기능

자세히 알아보기

강좌

신규

종합적인 기술 기반의 강좌를 통해 Figma 기술의 수준을 높이세요.

프로젝트

현실적인 소규모 프로젝트를 통해 Figma를 직접 경험해 보세요.

튜토리얼

전문가가 진행하는 동영상 튜토리얼을 시청하고 따라하면서 도구와 기능을 알아볼 수 있습니다.

솔루션 받기

문제 해결

일반적인 문제에 대한 도움을 받고 예상치 못한 작동과 관련된 문제를 해결할 수 있습니다.

지원팀 이용하기

버그 보고서를 제출하거나, 로그 파일 수집에 도움을 받거나, 시스템 정보를 찾을 수 있습니다.

일반적인 질문

자주 묻는 질문과 답변을 알아볼 수 있습니다.

Figma 커뮤니티 포럼

커뮤니티에서 질문하고, 아이디어를 공유하고, 다른 Figma 사용자들과 소통하세요.

시작하기
제품 Figma Design Dev Mode FigJam Figma Slides

Figma Draw

New

Figma Sites

Beta

Figma Make

Beta

Figma Buzz

Beta
기능 AI Work across Figma Developer docs
일반 사용자용 계정 파일 및 프로젝트
관리자용 청구 팀 조직 엔터프라이즈
자세히 알아보기 강좌 프로젝트 튜토리얼
솔루션 받기 문제 해결 지원팀 이용하기 일반적인 질문 Figma 커뮤니티 포럼

Figma design

  • 인터페이스 둘러보기
  • 디자인 만들기
  • 디자인 시스템 구축
  • 개발 모드
  • 프로토타입 만들기
  • 가져오기 및 내보내기
  • 여러 파일에서 공동 작업
  • 인터페이스 둘러보기

    살펴보기

    • Figma 디자인에 AI 도구 사용
    • UI3 탐색하기: Figma의 새로운 UI
    • 오른쪽 사이드바에서 레이어 속성 디자인, 프로토타입 제작, 탐색하기

    파일 유틸리티

    • Figma Design의 작업 메뉴 사용
    • Figma의 키보드 바로가기
  • 디자인 만들기

    레이어 만들기 및 편집

    • Figma Design의 프레임
    • 모양 도구

    레이어 활용 작업

    • 캔버스에서 개체 일괄 편집
    • 부모, 자식 및 형제 관계
    • 정렬, 회전 및 위치 조정
    • 레이어 간 거리 측정

    글씨체

    • Figma Design에 글꼴 추가
    • 글꼴 검색 및 적용
    • 중국어, 일본어, 한국어 텍스트 추가

    추가 속성

    • 외곽선 속성의 적용 및 조정
    • 모서리 반경 조정 및 다듬기

    자동 레이아웃 사용

    • 그리드 오토레이아웃 흐름 사용
    • Auto Layout 가이드
    • 디자인에 오토레이아웃 추가
  • 디자인 시스템 구축

    구성요소

    • Figma 컴포넌트 가이드

    변수

    • 변수, 컬렉션 및 모드 개요

    라이브러리 만들기 및 공유

    • Figma 라이브러리 가이드
    • 라이브러리 게시
  • 개발 모드

    인터페이스 둘러보기

    • Dev Mode 가이드
    • Dev Mode에서 디자인 탐색
    • 관리자용 Dev Mode

    디자인 검사

    • Dev Mode에서 변경 사항 비교
    • Dev Mode에서 측정값을 추가하고 디자인에 어노테이션 달기
    • Dev Mode의 변수

    디자인을 코드로 전환

    • Code Connect
    • Dev Mode에서 코드 스니펫 사용
    • Dev Mode에서 레이어에 개발 리소스 연결
    • Figma for VS Code

    오거니제이션 전체의 Dev Mode

    • Dev Mode 상태 및 알림
    • Dev Mode 포커스 뷰
    • Dev Mode 개발 준비 완료 뷰
    • 오거니제이션의 Dev Mode 설정 관리
  • 프로토타입 만들기

    가이드

    • Figma에서 프로토타입 제작 가이드
    • 프로토타입에서 동영상 사용

    프로토타입 만들기

    • 프로토타입 흐름 생성 및 관리
    • 프로토타입 스크롤 및 오버플로 동작

    고급 프로토타입 제작

    • 프로토타입에서 변수 사용
  • 가져오기 및 내보내기

    • 파일 브라우저로 파일 가져오기
    • Sketch 파일 가져오기
    • Figma에서 내보내기
    • 내보내기 형식 및 설정
  • 여러 파일에서 공동 작업

    댓글

    • 파일에 댓글 추가
    • 파일 댓글에 대한 이메일 알림 관리

    멀티플레이어 도구

    • 파일의 뷰어 기록 확인

    분기 및 병합

    • 브랜치 가이드
    • 브랜치 공유
    • 브랜치 변경 사항 검토하기
    • 브랜치를 메인 파일에 병합하기
    • 불완전한 병합 또는 업데이트
Use cases
  • UI design
  • UX design
  • Prototyping
  • Graphic design
  • Wireframing
  • Brainstorming
  • Templates
  • Remote design
Explore
  • Design features
  • Prototyping features
  • Design systems features
  • Collaboration features
  • FigJam
  • Pricing
  • Enterprise
  • Students and educators
  • Customers
  • Security
  • Integrations
  • Contact
Resources
  • Blog
  • Best practices
  • Support
  • Developers
  • Learn design
  • Downloads
  • What's new
  • Releases
  • Careers
  • About us
  • Agency partners
  • Privacy
  • Status
Compare
  • Sketch
  • Adobe XD
  • Invision Studio
  • Framer
  • Design on Windows
  • Miro