Figma에서 프로덕트 개발을 시작하세요.
개발자, 디자이너, 프로젝트 매니저 모두가 같은 여정을 공유하면서
프로젝트를 더 효율적으로 수행할 수 있어요.
Figma는 원활한 프로젝트 진행을 위해 다양한 커뮤니케이션 도구와
데이터 유출을 방지하는 철저한 보안 등급을 제공합니다.
Figma 소개영상
What's Figma?
Figma의 사례를 소개합니다!
[Figma] 2023년 한국 최초 Design Leaders Meetup 살펴보기!
[개.똑.디] 1탄 디자인 시스템의 중요성
“Figma는 우리가 팀으로서 즉각적인 문제 해결을 할 수 있게 도와준다.
그것이 우리의 제품이 빠르게 출시되는 것에 엄청난 도움이 된다.”
“Figma는 우리가 팀으로서 즉각적인 문제 해결을 할 수 있게 도와준다.
그것이 우리의 제품이 빠르게 출시되는 것에 엄청난 도움이 된다.”
Kimberly Clark UX 매니저 l 앤디 포드
콜라보레이션의 표준 Figma
프로세스를 모든 구성원과 공유하세요
Figma는 서비스 개발 과정을 유연하기 바꾸어 작업 효율을 끌어올려줍니다. 여러분의 조직에 Figma를 도입하면 모든 구성원이 하나의 프로그램에 모여 소통하며 피드백을 주고 받으면서 더 나은 제품을 위해 나아갈 수 있습니다.
유연하게 작업 범위를 확장해보세요
모든 팀원이 공유 라이브러리에 접근하기 쉽도록 워크스페이스를 구성해 조직 전체에 디자인 시스템을 공유하고 프로세스를 간소화하고 반복 작업을 최소화하는 플러그인 등을 통해 프로젝트 전체를 효율적으로 관리해보세요.
강력한 보안으로 프로젝트를 보호하세요
프로젝트 조기 유출은 심각한 손실로 연걸됩니다. SSO, 네트워크 액세스 제어 등으로 안전한 접근을 보장받고 그룹별 맞춤 접근 레벨을 설정하고 관리자 대시보드로 회사의 전체 공유 리소스를 효율적으로 관리하세요.
다른 프로그램과의 호환성을 보장합니다
VSCode, MS, GitHub, Jira 등 다양한 프로그램과의 호환은 Figma의 생산성을 끌어올려주고 지금까지 각기 다른 확장자 파일을 통합하는 과정에서 발생하던 문제 상황을 제거해 실제 작업시간을 늘려보세요. 또한 Figma 플러그인을 직접 제작해 활용할 수도 있습니다.
AI로 더 빠르게 프로세스에 돌입하세요
Figma AI로 더 빠르게 작업을 시작하세요. 디자인과 프로토타입, 이미지를 생성하고 레이어의 이름을 적합하게 수정해 잔업에 소요되는 시간을 핵심 업무 시간으로 전환할 수 있습니다.
“Dev Mode는 우리의 디자인 시스템을
더 쉽게 이해하고 채택할 수 있도록 하는 데 큰 역할을 했다.”
“Dev Mode는
우리의 디자인 시스템을 더 쉽게 이해하고
채택할 수 있도록 하는 데 큰 역할을 했다.”
Razer pay 디자인 매니저 l Saurabh Soni
더 빠른 개발을 위한 Dev Mode
디자인을 코드로 빠르게 번역하세요
Figma 디자인 파일에서 CSS, iOS or Android 코드 스니펫을 생성하거나 플러그인을 사용해 사용중인 프레임워크나 라이브러리에 대한 코드를 커스텀해 코드 작성 시간을 줄여보세요.
복잡한 작업 과정을 명확하게 바꾸세요
개발을 시작하기 전에 전략을 세우기 위해 FigJam에서 타임라인, 스케치 기술 아키텍처 등을 계획해 개발 단계를 더 명확하게 만들어 개발 효율을 높여보세요.
수정사항을 바로 확인하세요
사용자가 마지막으로 확인한 파일과 달라진 점을 비교해 업데이트된 항목을 체크하고 작업 리스트를 관리해 불필요한 반복 작업을 줄여보세요.
“Figma는 디자이너만을 위한 것이 아니라
고객이 제품을 어떻게 경험할지 알아야 하는 모든 사람을 위한 것이다.”
“Figma는 디자이너만을 위한 것이 아니라
고객이 제품을 어떻게 경험할지 알아야 하는
모든 사람을 위한 것이다.”
Goldman Sachs 프로덕트 부사장 l Jennifer Asman
프로덕트 매니저를 위한 FigJam
팀원과 모일 수 있는 로드맵을 만드세요
제품 비전과 나아갈 방향을 시각적으로 전달하세요. 팀 회의와 아이디어 도출을 위해 설계된 화이트보드인 FigJam에서 인사이트를 수집하고 아이디어를 얻어보세요.
AI에게 프로젝트 진행에 도움을 받으세요
간단한 프롬프트를 FigJam AI에 입력해 회의 템플릿을 구성하고 타임라인 등을 시각화할 수 있습니다. 빠르게 필요한 것을 얻기 위해 AI의 도움을 얻을 수 있습니다.
iPad에서 아이디어를 스케치하세요
FigJam 앱을 사용해 초기 아이디어에 대한 영감과 레퍼런스를 수집하고 스케치한 다음 팀원들과 협력해 멋진 아이디어를 현실로 만들어보세요.
"Figma Slides는 팀원 모두가 근사하고 효과적인 프레젠테이션을 만들 수 있도록 역량을 강화해주었어요."
“Figma Slides는 팀원 모두가
근사하고 효과적인 프레젠테이션을 만들 수 있도록
역량을 강화해주었어요.”
Zoom Snap 제품 관리자 ┃ Charmaine Lee
모두를 위한 Figma Slides
팀원과 함께 프레젠테이션을 준비하세요
템플릿, 테마, AI 도구로 팀원과 역할을 분배해 더 빠르게 브랜드에 맞는 프레젠테이션을 만드세요. 단일 슬라이드와 그리드 뷰를 전환해 문서의 전체 구조를 파악할 수 있습니다.
발표를 더 완벽하게 만들어보세요
발표자 모드에서 발표자만 볼 수 있는 노트를 확인하고 다음 슬라이드를 미리 보고 준비하세요. “음...”을 발표에서 없앨 수 있는 작은 시작입니다.
Figma 디자인을 더 빠르게 불러오세요
더 이상 디자인과 프로토타입을 보여주기 위해 이미지나 영상이 업데이트될 때마다 다시 녹화할 필요가 없습니다. 프로토타입 링크를 Slides에 추가하면 디자인 파일과 Slides가 항상 연동됩니다.
많은 기업들은 이미
Figma와 함께하고 있습니다.
Figma 사용 기업 관계자 리뷰
35%
직원당 절약된 시간
100시간
주당 절약된 시간
20-30%
팀 효율성 증가
+300
새로운 컴포넌트 생성
"Figma 덕분에 우리는 다양한 내부 및 외부 디자인 팀에서 15개 이상의 프로젝트를 병렬로 작업할 수 있으며, 디자인의 일관성과 품질을 유지할 수 있었습니다."
"Figma 덕분에 우리 팀은 모두가 하나의 목표를 가지고 한 팀으로 뭉쳐 문제를 해결할 수 있었습니다."
"Figma의 Dev Mode는 개발자와 디자이너 간 효율적인 협업을 촉진해 둘 사이의 커뮤니케이션 오류로 인한 마찰을 줄여줍니다."
"FigJam은 우리 팀 모두에게 실용적이었고, 분위기를 풀어주는 역할도 했습니다. 팀에 활력을 불어넣고 동기를 부여할 수 있는 너무 재미있는 방법이었습니다."
주요 Hand-off 툴 비교
FIGMA
2023 UI/UX 툴 설문조사 1위
4.67
실시간 공동 작업 및 협업
코멘트, 실시간 대화기능, 음성대화
클라우드 기반 툴
다양한 운영체제(Window, mac), 웹 접속 가능
개발자 모드 지원
툴 내에서 디자인 핸드오프 가능
디자인 버전 관리
버전 히스토리, 브랜치 마지 기능
활발한 커뮤니티
여러 기업 및 디자이너의 오픈소스 사용
조직 및 파일 관리
Workspace, Team, Project
디자인 & 개발 플러그인 사용
다운로드 없이 손쉽게 플러그인 검색 및 사용
프로토타이핑 기능
복잡한 화면 구성없이 변수를 사용해 프로토타이핑 제작
SKETCH
4.05
실시간 공동 작업 및 협업 불가
웹 접속 불가
개발자 모드 지원 불가
서드파티 프로그램 필요
Sketch 공식 및 커뮤니티 소스
조직 구성 및 팀 기능 없음
외부 확장 플러그인 사용 가능
변수 사용 불가
Adobe XD
3.87
실시간 공동 작업 및 협업 불가
웹 접속 불가
개발자 모드 지원 불가
디자인 버전 관리 지원
공식 홈페이지 커뮤니티 소스만 사용 가능
조직 구성 및 팀 기능 없음
공식 홈페이지 플러그인 지원
변수 사용 불가
기업 맞춤형 플랜별 주요 기능 비교
PRO
버전 기록
사용자
날짜 제한없이 버전 히스토리 기록
변수 사용
사용자
Variable 사용 가능
프로토타입 공유 제어
사용자
프로토타입 공유 권한 제어
* 관리자 기능 없음
ORGANIZATION
올인원 디자인 플랫폼
사용자
디자인, 프로토타이핑, 개발자 핸드오프를 하나의 플랫폼에서 효율적으로 구현 가능
향상된 프로토타이핑
사용자
변수 (Variable)를 사용한 실제품과 동일한 수준의 향상된 프로토타이핑 제작, Conditional logic, Expressions 등
팀간 협업 용이 / 브랜치, 마지 가능
사용자
누구든지 조직에 초대해 파일을 공유하고 피드백 가능, 파일의 브랜치, 마지 기능 사용으로 버전 관리
Dev Mode
사용자
강력한 인스펙 툴과 코드스니펫 기능이 포함된 개발자용 피그마 공간에서 빠르게 디자인을 정렬 및 개발로 핸드오프
조직 전반의 디자인 시스템
사용자
관리자
폰트, 라이브러리, 파일 등 여러 팀 간 디자인 시스템 제작 및 공유
팀 및 파일 중앙 집중 관리
관리자
모든 팀들 및 피그마, 피그잼 파일을 하나의 피그마 조직에서 관리
프라이빗 플러그인 + 플러그인 관리자
관리자
각 회사의 특성에 맞는 커스텀 플러그인 제작. 조직에서 사용하는 플러그인의 승인 및 관리
필수 보안 기능
사용자
관리자
각 프로덕트의 특성에 맞는 커스텀 플러그인
팀, 프로젝트 이전
관리자
외부 에이전시 및 회사와 협업 시 몇 번의 클릭으로 편리하게 팀 및 프로젝트 이전 가능
ENTERPRISE
Organization Plan 모든 기능 포함
워크스페이스 생성
관리자
부서 및 제품별 워크스페이스 생성. 워크스페이스별 기본 라이브러리를 할당해 효율적인 온보딩 가능
향상된 디자인 시스템
관리자
40가지 변수 모드로 더 많은 테마 사용. 변수 REST API 활용으로 커지고 방대해진 디자인 시스템 변수 제작 및 관리
강력한 게스트 접근 관리
관리자
게스트를 허용하지 않거나 게스트가 관리자 승인을 받아 조직에 가입하도록 게스트 구성원 자격 설정 조정
향상된 멤버 관리
관리자
중앙 집중식 멤버 관리 및 via SCIM을 통한 멤버 역할 설정자동화. 유료 라이센스 사용을 위한 관리자 승인 요청
워크스페이스별 관리자 위임
관리자
워크스페이스 관리자 등록. 권한을 부여하는 관리자는 역할 기반 승인으로 멤버와 청구 요금 관리
조직 사용자의 외부 컨텐츠 접근 관리
관리자
조직 내부 사용자의 조직 외부 파일, 프로젝트 또는 외부 팀에서의 작업 관리
개인 계정 네트워크 접근 제한
관리자
협업 시 사용하는 내부 네트워크 사용시 조직 멤버가 개인 계정을 사용하는 것을 방지
활동 로그 API
관리자
조직의 활동 손실에 대한 프로그래밍 방식 액세스를 확보하고 비정상적인 이벤트를 더 빠르게 파악