plugins

Figma Slides를 통해 (새 탭에서 열림)

피그마가 새롭게 선보인 'Figma Slides'는 디자인의 정교함을 포기하지 않으면서도 프레젠테이션 제작 시간을 획기적으로 단축하는 데 초점을 맞추고 있습니다. 기존 피그마의 강력한 디자인 도구와 슬라이드 전용 기능을 결합하여, 디자이너와 비디자이너 모두가 협업하며 고수준의 덱(deck)을 효율적으로 제작할 수 있는 환경을 제공합니다. 이 도구는 디자인 자산의 파편화를 막고 제작부터 발표까지의 워크플로우를 하나의 플랫폼으로 통합했다는 점에서 큰 의미가 있습니다. **디자인과 슬라이드 기능의 통합** - 슬라이드 제작 시 피그마의 핵심 디자인 툴셋인 오토 레이아웃(Auto Layout), 펜 도구 등을 그대로 활용할 수 있어 정교한 커스터마이징이 가능합니다. - 발표자 노트, 그리드 뷰, 슬라이드 전용 템플릿 등 프레젠테이션에 최적화된 인터페이스를 별도로 제공하여 문서 제작의 편의성을 높였습니다. - '디자인 모드'와 '슬라이드 모드'를 자유롭게 전환하며 상세한 디자인 수정과 전체적인 흐름 구성을 병행할 수 있습니다. **AI 및 자동화 도구를 통한 생산성 향상** - AI 기능을 통해 슬라이드 내 텍스트의 톤앤매너를 조정하거나, 내용을 요약하고 다시 작성하는 과정을 자동화하여 콘텐츠 제작 속도를 높였습니다. - 스마트 템플릿 기능을 통해 브랜드 가이드라인에 맞는 스타일을 일관되게 적용할 수 있으며, 복잡한 레이아웃 구성 시간을 줄여줍니다. - 이미지 생성 및 배경 제거와 같은 AI 기반 자산 편집 기능을 슬라이드 제작 과정 내에서 즉시 실행할 수 있습니다. **실시간 협업 및 인터랙티브 요소** - 투표(Polls), 정렬(Alignment) 위젯 등 청중과 소통할 수 있는 인터랙티브 요소를 슬라이드에 직접 삽입하여 발표의 몰입도를 높일 수 있습니다. - 피그마의 디자인 원본과 동기화된 프로토타입을 슬라이드 내에서 직접 시연할 수 있어, 별도의 캡처나 영상 제작 없이도 최신 디자인 결과물을 실시간으로 보여줄 수 있습니다. - 멀티플레이어 기능을 통해 여러 명의 팀원이 동시에 슬라이드를 수정하고 의견을 나눌 수 있는 강력한 협업 환경을 지원합니다. 디자인팀과의 협업이 잦거나 피그마 내의 디자인 자산을 자주 활용해야 하는 환경이라면, Figma Slides는 디자인 일관성을 유지하면서도 제작 공수를 줄일 수 있는 최적의 솔루션입니다. 특히 제품 프로토타입을 직접 시연해야 하는 프로덕트 매니저나 디자이너에게는 별도의 도구 전환 없이 발표를 완성할 수 있다는 점에서 강력히 추천됩니다.

Figma와 Jira로 디 (새 탭에서 열림)

피그마(Figma)는 디자인과 개발 사이의 간극을 좁히기 위해 도입된 Dev Mode의 정식 출시와 함께 생산성을 극대화할 수 있는 새로운 기능들을 대거 공개했습니다. 이번 업데이트는 개발자가 디자인 의도를 더 정확히 파악할 수 있도록 돕는 주석(Annotations) 기능, 변경 사항을 한눈에 파악하는 비교 도구, 그리고 개발 환경을 디자인 도구 안으로 가져오는 플러그인 생태계 확장에 초점을 맞추고 있습니다. 이를 통해 디자인에서 코드로의 전환 과정이 더욱 정교하고 효율적으로 개선되었습니다. ### 디자인 의도를 명확히 전달하는 주석(Annotations) - 디자이너가 개발자에게 필요한 측정값, 사양, 세부 지침을 디자인 요소 위에 직접 기록할 수 있는 기능을 제공합니다. - 기존 디자인 파일이 복잡해지는 문제를 해결하기 위해 개발자 모드에서만 활성화되는 오버레이 방식을 채택하여, 협업 시 불필요한 커뮤니케이션 비용을 줄여줍니다. - 개발자는 주석을 통해 폰트, 간격, 레이아웃에 대한 디자이너의 구체적인 의도를 즉각적으로 파악할 수 있습니다. ### 버전 관리 및 변경 사항 비교(Compare Changes) - 특정 프레임의 이전 버전과 현재 버전을 시각적으로 비교할 수 있는 기능을 도입하여 히스토리 추적을 용이하게 했습니다. - 사이드 바이 사이드(Side-by-side) 뷰를 통해 어떤 속성이나 레이어 구조가 변경되었는지 코드로 즉시 확인할 수 있어, 수정 사항을 놓칠 위험을 방지합니다. - 개발자는 마지막으로 확인한 시점 이후 무엇이 바뀌었는지 명확히 인지하고 구현에 반영할 수 있습니다. ### 작업 효율을 높이는 플러그인과 통합 환경 - Jira, Storybook, GitHub와 같은 외부 개발 도구를 Dev Mode 내에서 바로 사용할 수 있는 전용 플러그인을 지원합니다. - 개발자는 Figma를 벗어나지 않고도 티켓 상태를 확인하거나 기존 코드 컴포넌트와의 연결성을 검토할 수 있어 컨텍스트 스위칭(Context Switching) 비용을 최소화합니다. - 코드 스니펫(Code Snippet) 생성 기능이 강화되어 CSS, Tailwind, SwiftUI 등 다양한 프레임워크에 최적화된 코드를 제공합니다. ### 워크플로우 가시성 확보를 위한 상태 관리 - 'Ready for Dev' 상태 표시 기능을 통해 디자이너가 구현을 시작할 준비가 된 화면을 명확히 구분하여 전달할 수 있습니다. - 개발자는 수많은 페이지와 프레임 중에서 어떤 항목이 최종본인지 혼란을 겪지 않고 곧바로 작업에 착수할 수 있는 구조를 갖추게 되었습니다. Dev Mode는 단순한 뷰어 역할을 넘어 개발 프로세스의 핵심 허브로 진화하고 있습니다. 팀의 생산성을 높이기 위해서는 디자이너가 주석 기능을 적극 활용하여 소통 비용을 줄이고, 개발자는 조직의 기술 스택에 맞는 플러그인을 맞춤 설정하여 사용하는 것을 권장합니다. 특히 Dev Mode가 정식 서비스로 전환됨에 따라, 각 조직은 개발 효율성과 비용 사이의 균형을 고려하여 팀에 적합한 요금제와 시트(Seat) 구성을 검토할 필요가 있습니다.

개발 모드 어노테 (새 탭에서 열림)

피그마(Figma)는 디자인과 개발 사이의 간극을 좁히기 위해 도입된 '개발 모드(Dev Mode)'의 정식 출시를 앞두고, 협업 효율을 극대화할 수 있는 새로운 기능들을 대거 공개했습니다. 이번 업데이트는 개발자가 디자인 의도를 정확히 파악하고 변경 사항을 추적하는 과정을 단순화하여, 불필요한 커뮤니케이션 비용을 줄이는 데 초점을 맞추고 있습니다. 이를 통해 개발 모드는 단순한 디자인 뷰어를 넘어, 코드 구현에 필요한 모든 맥락을 제공하는 개발자 중심의 작업 공간으로 진화하고 있습니다. ### 어노테이션(Annotations)을 통한 명확한 기술 사양 전달 디자이너가 개발자에게 필요한 수치나 속성을 직접 지정하여 전달할 수 있는 기능이 강화되었습니다. * **측정값 및 속성 고정**: 디자이너가 특정 요소의 간격, 크기, 속성 정보를 주석 형태로 고정해 둘 수 있어, 개발자가 일일이 요소를 클릭하여 확인할 필요가 없습니다. * **디자인 의도 명시**: 텍스트 설명뿐만 아니라 레이아웃의 유연성이나 애니메이션 디테일 등 코드 구현 시 주의해야 할 사항을 명확하게 기록할 수 있습니다. * **맥락 유지**: 일반적인 협업 댓글과 분리된 기술 사양 전용 주석으로 관리되어, 개발 과정에서 정보의 휘발성을 방지합니다. ### 변경 사항 비교(Compare Changes) 및 버전 추적 디자인이 수정되었을 때 이전 버전과 현재 버전을 시각적으로 대조할 수 있는 도구가 도입되었습니다. * **비주얼 디프(Visual Diff)**: 프레임의 변경 전후 모습을 나란히 배치하거나 겹쳐서 비교함으로써, 어떤 픽셀이 수정되었는지 즉각적으로 파악할 수 있습니다. * **코드 변경 이력**: 시각적인 변화뿐만 아니라 속성 값의 변화를 코드 수준에서 확인하여, 업데이트된 내용만 정확히 코드에 반영할 수 있도록 돕습니다. * **편집 맥락 파악**: 누가, 언제, 무엇을 수정했는지에 대한 상세한 이력을 제공하여 변경 사유에 대한 추측을 배제합니다. ### 플러그인 생태계 확장 및 워크플로우 통합 개발 모드 전용 플러그인과 API를 통해 외부 개발 도구와의 연결성이 한층 강화되었습니다. * **전용 플러그인 UI**: 개발 모드 우측 패널에서 직접 실행되는 플러그인을 통해 Jira, GitHub, Storybook과 같은 도구와 데이터를 실시간으로 동기화할 수 있습니다. * **코드 생성 커스터마이징**: 기업 고유의 디자인 시스템이나 라이브러리에 맞게 코드를 생성하도록 플러그인을 최적화하여, 복사-붙여넣기 효율을 높였습니다. * **자동화 연동**: 새로운 API를 활용해 디자인 자산 추출이나 문서화 과정을 자동화하여 개발 생산성을 높일 수 있습니다. ### 개발 준비 상태(Ready for Dev) 관리 작업이 완료된 디자인을 명확하게 구분하여 개발자에게 신호를 보낼 수 있는 체계가 마련되었습니다. * **상태 표시기**: 특정 섹션이나 프레임을 '개발 준비 완료' 상태로 표시하여, 개발자가 진행 중인 작업(WIP)과 구현해야 할 최종안을 혼동하지 않게 합니다. * **알림 및 탐색**: 개발자가 피그마 파일에 접속했을 때 어떤 부분이 준비되었는지 요약된 목록을 제공하여, 작업의 우선순위를 즉시 파악할 수 있도록 돕습니다. 개발 모드가 베타를 마치고 정식 서비스로 전환됨에 따라, 팀의 워크플로우에 위 기능들을 적극적으로 도입해 보시길 권장합니다. 특히 어노테이션과 변경 사항 비교 기능은 디자이너와 개발자 간의 불필요한 확인 과정을 획기적으로 줄여줄 것이며, 맞춤형 플러그인을 통해 각 팀의 기술 스택에 최적화된 협업 환경을 구축할 수 있습니다.

피그마의 20 (새 탭에서 열림)

피그마(Figma)는 올해 단순한 디자인 도구를 넘어 AI 기반의 지능형 플랫폼으로 진화하며, 디자인과 개발 사이의 장벽을 허무는 데 주력했습니다. 특히 AI를 통한 생산성 향상, 인터페이스 전면 개편(UI3), 그리고 개발자 워크플로우 최적화를 통해 팀 단위의 협업 효율을 극대화하는 성과를 거두었습니다. 이러한 변화는 디자이너가 반복적인 작업에서 벗어나 창의적인 문제 해결에 집중할 수 있는 환경을 구축하는 데 초점이 맞춰져 있습니다. **AI를 활용한 디자인 워크플로우 가속화** * **First Draft:** 간단한 텍스트 프롬프트만으로 모바일 및 웹 UI의 초안 레이아웃을 즉시 생성하여 디자인 시작 단계의 막막함을 해소했습니다. * **지능형 에셋 검색:** 시각적 유사성을 바탕으로 팀 라이브러리 내의 컴포넌트를 찾아내어 불필요한 중복 생성을 방지합니다. * **자동화 도구:** 레이어 이름을 문맥에 맞게 일괄 변경하거나, 디자인에 어울리는 더미 텍스트와 이미지를 AI가 자동으로 채워주는 기능을 도입해 단순 반복 업무를 줄였습니다. **품질 개선과 새로운 인터페이스(UI3)** * **UI3 개편:** 캔버스 공간을 최대한 확보하기 위해 툴바를 하단으로 배치하고 패널을 유연하게 조정할 수 있도록 인터페이스를 전면 재설계했습니다. * **Multi-edit:** 여러 프레임에 걸쳐 있는 동일한 객체를 한 번에 선택하고 수정할 수 있는 기능을 추가하여, 대규모 디자인 시스템 수정 시 발생하는 작업 시간을 획기적으로 단축했습니다. * **성능 최적화:** 대용량 파일에서의 렌더링 속도와 응답성을 개선하여 복잡한 프로젝트에서도 매끄러운 사용자 경험을 유지합니다. **개발자 경험(Dev Mode) 및 코드 연결성** * **Code Connect:** 디자인 시스템의 컴포넌트를 실제 프로덕션 코드 조각(React, SwiftUI 등)과 직접 연결하여, 개발자가 피그마 내에서 실제 구현 코드를 바로 확인할 수 있게 했습니다. * **Ready for Dev 상태:** 디자이너가 개발 준비가 완료된 섹션을 명확히 표시함으로써, 커뮤니케이션 오류를 줄이고 핸드오프 과정을 체계화했습니다. * **플러그인 및 API 확장:** 개발자 도구와의 연동을 강화하는 새로운 API를 공개하여, 디자인 데이터를 코드나 문서로 변환하는 자동화 파이프라인 구축을 지원합니다. **강력해진 프로토타이핑과 협업 기능** * **반응형 프로토타입:** 화면 크기에 따라 유연하게 변하는 레이아웃을 지원하여, 실제 제품에 가까운 고도화된 프로토타입 제작이 가능해졌습니다. * **상태 보존(State Management):** 페이지 전환 시 버튼의 클릭 상태나 입력 데이터가 유지되도록 개선하여 사용자 테스트의 정확도를 높였습니다. 이번 업데이트의 핵심은 AI를 단순한 부가 기능이 아닌 디자인 여정 전반의 조력자로 통합했다는 점입니다. 팀들은 이제 반복적인 레이아웃 작업이나 레이어 정리보다는 제품의 논리와 사용자 경험의 본질을 고민하는 데 더 많은 시간을 할애해야 합니다. 특히 개발자라면 **Code Connect**를 적극 활용하여 디자인 시스템의 일관성을 코드 레벨까지 확장해 보길 권장합니다.

주목하고 좋아하게 (새 탭에서 열림)

제시해주신 내용은 피그마(Figma)의 기술 블로그인 'Creators need creators'의 주요 카테고리와 지향점을 나타내고 있습니다. 이 블로그는 협업 중심의 디자인 도구를 만드는 피그마의 철학을 바탕으로, 단순한 제품 업데이트를 넘어 디자인 생태계 전반의 기술적 진보와 창작자 간의 지식 공유를 목적으로 운영됩니다. **제품 고도화 및 개발 생태계 지원** * **Product updates:** 피그마의 실시간 협업 엔진, 오토 레이아웃, 변수(Variables) 기능 등 핵심 제품의 기술적 변경 사항과 신규 기능을 상세히 설명합니다. * **Plugins & tooling:** 피그마 개발자 플랫폼의 API 활용법과 플러그인 개발 생태계를 다루며, 디자인-개발 핸드오프를 자동화하고 효율화하는 기술적 가이드를 제공합니다. **디자인 전문성 및 사고방식의 확장** * **Design:** 디자인 시스템 구축, 사용자 경험(UX) 연구 방법론, 그리고 인터페이스 디자인의 최신 트렌드를 심도 있게 분석하여 공유합니다. * **Thought leadership:** 디자인 산업의 미래, AI와 창의성의 결합, 조직 내 디자인의 역할 등 거시적인 관점에서 창작자들이 나아가야 할 방향성을 제시합니다. **조직 내부의 기술적 챌린지와 소식** * **Inside Figma:** 피그마 내부 엔지니어링 팀과 디자인 팀이 제품을 만들며 겪은 시행착오, 기술 스택 결정 과정, 팀 문화를 투명하게 공개합니다. * **News:** 피그마의 주요 비즈니스 소식과 커뮤니티 이벤트 정보를 전달하여 창작자들이 피그마 생태계와 긴밀하게 연결되도록 돕습니다. 피그마의 'Creators need creators' 블로그는 도구의 사용법을 넘어, 개발자와 디자이너가 공통의 언어로 소통할 수 있는 기술적 기반과 문화를 구축하려는 노력을 보여줍니다. 최신 디자인 테크 흐름을 파악하고 팀의 워크플로우를 개선하고자 하는 실무자라면, 각 섹션의 전문 콘텐츠를 통해 실질적인 인사이트를 얻을 수 있을 것입니다.

디자인 시스템의 미래 (새 탭에서 열림)

제공해주신 제목과 핵심 키워드를 바탕으로, 현대 디자인 시스템에서 접근성이 갖는 의미와 미래 전망에 대한 기술적 인사이트를 정리해 드립니다. 디자인 시스템의 미래는 접근성을 단순한 사후 검토 대상이 아닌, 시스템의 핵심 설계 원칙으로 내재화하는 데 있습니다. 이제 접근성은 AI와 고도화된 자동화 도구를 통해 디자인 워크플로우의 자연스러운 일부가 되어, 디자이너와 엔지니어가 더 적은 노력으로도 표준을 준수할 수 있도록 돕습니다. 결과적으로 접근성 있는 디자인 시스템은 모든 사용자에게 일관된 경험을 제공하는 것은 물론, 제품의 확장성과 지속 가능성을 보장하는 기술적 토대가 됩니다. **시스템 수준의 접근성 통합 (Accessibility by Design)** * 접근성 기준(색상 대비, 폰트 크기, 터치 타겟 등)을 개별 컴포넌트 단계가 아닌, 디자인 시스템의 가장 기초 단위인 '디자인 토큰' 수준에서부터 적용합니다. * 디자인 시스템 가이드라인 내에 스크린 리더 탐색 순서(Focus Order)와 시맨틱 마크업 규칙을 명문화하여, 개발 단계에서 발생할 수 있는 오류를 사전에 방지합니다. * 접근성을 별도의 '체크리스트'가 아닌, 시스템을 구성하는 필수 '속성'으로 정의하여 디자이너가 무의식적으로도 표준을 지킬 수 있는 환경을 조성합니다. **AI와 자동화 도구를 통한 효율화 (Leveraging AI & Tooling)** * AI 기술을 활용해 이미지의 대체 텍스트(Alt-text)를 자동 생성하거나, 복잡한 레이아웃에서의 접근성 위반 사례를 실시간으로 탐지하여 피드백을 제공합니다. * 피그마(Figma) 플러그인과 같은 최신 도구들은 디자인 단계에서 시뮬레이션을 통해 색맹 유저의 시각이나 저시력자의 경험을 즉각적으로 확인하게 해줍니다. * 자동화된 테스트 라이브러리를 디자인 시스템에 통합하여, 코드 변경 시마다 접근성 회귀 테스트(Regression Testing)를 수행함으로써 품질을 일정하게 유지합니다. **디자이너와 엔지니어의 협업 프레임워크 (Streamlined Handoff)** * 디자인 시스템은 디자이너와 엔지니어 사이의 '공통 언어' 역할을 하며, 접근성 사양(Spec)이 코드 구현 시 누락되지 않도록 명확한 핸드오프 프로세스를 제공합니다. * 컴포넌트의 상태(State) 변화에 따른 ARIA(Accessible Rich Internet Applications) 속성 정의를 시스템 차원에서 표준화하여 엔지니어의 자의적 해석을 줄입니다. * 접근성 이슈를 수정하는 비용은 개발 후반부로 갈수록 기하급수적으로 증가하므로, 시스템 기반의 협업을 통해 '왼쪽으로 이동(Shift-left, 개발 초기 단계 검토)'을 실현합니다. 접근성 있는 디자인 시스템 구축은 단순히 법적 규제 준수를 넘어, 제품의 품질을 높이고 시장 점유율을 확대하는 전략적 투자입니다. AI와 최신 플러그인을 적극적으로 도입하여 접근성 검수를 자동화하고, 이를 디자인 시스템의 표준 운영 절차(SOP)로 정착시키시길 권장합니다.

Figma의 새로운 개발자 모드를 (새 탭에서 열림)

피그마가 디자이너와 개발자 간의 간극을 좁히고 제품 개발 효율성을 극대화하기 위해 개발자 전용 공간인 'Dev Mode'를 출시했습니다. 브라우저 인스펙터와 유사한 인터페이스를 통해 개발자가 디자인 사양을 직관적으로 확인하고 코드로 변환할 수 있도록 지원하는 것이 핵심입니다. 이를 통해 개발팀은 디자인 도구 내에서 고유한 워크플로우를 유지하며 더 빠르고 정확하게 결과물을 구현할 수 있게 되었습니다. ### 개발자 중심의 작업 환경, Dev Mode * 디자인 파일을 브라우저의 '개발자 도구(Inspector)'와 유사한 방식으로 탐색할 수 있는 전용 워크스페이스를 제공합니다. * 디자인 요소(레이어, 그룹 등)를 개발 개념(코드, 아이콘, 토큰)과 밀접하게 연결하여 필요한 정보를 즉각적으로 추출할 수 있습니다. * 디자인 시스템의 맥락을 유지하면서 치수, 스펙, 에셋 등을 손쉽게 확인하고 내보낼 수 있는 환경을 구축했습니다. ### 코드 구현 속도를 높이는 최적화 기능 * 언어별로 맞춤 설정이 가능한 코드 스니펫 기능을 제공하며, 단순히 코드를 나열하는 것이 아니라 개발의 시작점으로 활용할 수 있게 설계되었습니다. * CSS 박스 모델, 트리 뷰(Tree View) 형태의 현대적 구문, 코드베이스에 맞춘 단위 토글 기능을 통해 코드 가독성을 높였습니다. * 디자인 시스템의 변수(Variables)를 디자인 토큰으로 활용하여 코드와 디자인 간의 일관성을 강화합니다. ### 워크플로우 통합과 강력한 플러그인 생태계 * GitHub, Jira, Linear와 같은 프로젝트 관리 도구를 연동하여 피그마 내에서 이슈와 풀 리퀘스트(PR) 상태를 바로 확인할 수 있습니다. * Storybook 플러그인을 통해 코드베이스에 실제 구현된 컴포넌트의 상태를 디자인 파일 안에서 참조할 수 있습니다. * AWS Amplify Studio, Google Relay, Anima 등의 코드 생성 플러그인을 활용하거나 팀 고유의 워크플로우에 맞는 커스텀 플러그인을 구축할 수 있습니다. ### IDE에서 직접 확인하는 VS Code 확장 프로그램 * 개발자가 코드 에디터를 벗어나지 않고도 디자인을 검토하고, 변경 사항 및 댓글 알림을 확인할 수 있는 VS Code용 확장 프로그램을 지원합니다. * 디자인 사양에 기반한 코드 자동 완성(Autocomplete) 기능을 제공하여 코딩 속도를 획기적으로 향상시킵니다. * 디자인 파일과 코드 편집기 사이를 오가는 컨텍스트 스위칭 비용을 줄여 개발 집중도를 높입니다. 단순히 디자인을 보는 것을 넘어, 실제 구현 단계에서의 생산성을 높이고 싶다면 Dev Mode와 VS Code 확장 프로그램을 워크플로우에 적극 도입해 보시기 바랍니다. 디자인 시스템의 토큰 관리와 에디터 내 자동 완성 기능을 결합하면 디자인과 코드 사이의 정렬(Alignment)을 훨씬 수월하게 유지할 수 있습니다.

피그마 커뮤 (새 탭에서 열림)

피그마(Figma)는 2022년 처음으로 개최된 '피그마 커뮤니티 어워즈(Figma Community Awards)'의 최종 우승작들을 발표하며 전 세계 디자인 생태계의 혁신을 공유했습니다. 이 어워즈는 전 세계 디자이너들이 매일 1,600개 이상 업로드하는 UI 키트, 플러그인, 위젯 등의 리소스 중 커뮤니티의 투표를 통해 가장 가치 있는 도구들을 선정하는 행사입니다. 이를 통해 피그마는 제작자들의 공로를 기리는 동시에, 협업 디자인의 미래를 이끌어갈 우수한 리소스들을 공식적으로 조명했습니다. #### 생산성을 극대화하는 플러그인과 위젯 * **Similayer (Dave Williames):** 다양한 레이어 속성을 기준으로 유사한 레이어를 한꺼번에 선택할 수 있게 해주어 복잡한 편집 작업을 비약적으로 단축합니다. * **Content Reel (Microsoft/Eugene Gavriloff):** 텍스트 스트링, 이미지, 아이콘 등 디자인에 필요한 더미 데이터를 한데 모아 실시간으로 적용할 수 있는 유틸리티를 제공합니다. * **FigJenda (PG Gonni):** 피그잼(FigJam) 타이머와 연동되는 인터랙티브 아젠다 위젯으로, 워크숍이나 회의의 흐름을 효율적으로 관리할 수 있도록 돕습니다. * **Rock Paper Scissors (Alex Einarsson):** 팀원 간의 간단한 의사결정을 돕는 가위바위보 게임 위젯으로, 협업 과정에 재미 요소를 더했습니다. #### 디자인 자산 및 시스템 리소스 * **Ant Design Open Source (Mr Biscuit/Vinh Bui):** 유연한 인스턴스 활용과 구조적 단순함을 갖춘 대규모 오픈소스 디자인 시스템으로, 완성도 높은 UI 구축을 지원합니다. * **css.gg (Lona/Astrit):** 순수 CSS, SVG 및 피그마용 UI 아이콘 700여 개를 포함한 방대한 아이콘 세트입니다. * **Sketch Elements Brushes Set (Streamline):** 추상적인 요소와 스케치 주석 테마를 제공하여 그래픽 디자인의 디테일을 살려주는 리소스입니다. #### 협업 및 교육용 템플릿 * **Remote Design Sprint (Miranda Mazzara 외):** 사전 경험이 없는 팀도 5일간의 디자인 스프린트를 원활하게 진행할 수 있도록 설계된 피그잼 전용 템플릿입니다. * **Customer Journey Map (Fuad Aslan):** 고객의 경험을 심도 있게 분석하고 시각화할 수 있는 프레임워크를 제공합니다. * **Micro interactions - Prototyping (Rusmir Arnautovic):** 피그마의 프로토타이핑 기능을 활용해 정교한 마이크로 인터랙션을 구현하는 방법을 보여주는 교육 자료입니다. #### 커뮤니티 어워즈의 운영 방식과 의의 * **사용자 참여 기반 선정:** 피그마 커뮤니티 프로필을 보유한 사용자들이 직접 후보를 추천하고 최종 후보군에 대해 투표를 진행하여 투명성을 확보했습니다. * **창작자 지원 및 보상:** 최종 우승자에게는 피그마 컨퍼런스인 'Config'에서 수상의 영예와 함께 데스크톱에 전시할 수 있는 실물 트로피, 특별 굿즈가 제공됩니다. * **공유 생태계 장려:** 누구나 자신의 작업을 퍼블리싱하여 후보가 될 수 있도록 장려함으로써 디자인 지식의 공유와 개방성을 강조합니다. 이번 어워즈에서 선정된 도구들은 피그마 전문가들이 검증한 최상의 리소스들입니다. 업무 효율을 높이고 싶거나 팀의 협업 프로세스를 개선하고자 한다면, 위에서 언급된 플러그인과 템플릿들을 커뮤니티에서 검색하여 실무에 직접 활용해 보시는 것을 적극 추천합니다.

피그마의 새로운 (새 탭에서 열림)

2021년 11월, Figma는 디자인 시스템의 효율성을 극대화하는 '상호작용 컴포넌트(Interactive Components)'의 정식 출시와 더불어 대규모 협업을 위한 워크플로우 강화에 집중했습니다. 디자인과 프로토타입의 경계를 허물고, 모든 사용자가 제약 없이 디자인에 접근할 수 있도록 접근성 도구를 확충한 것이 이번 업데이트의 핵심 결론입니다. 이를 통해 팀은 더 적은 프레임으로도 복잡한 사용자 경험을 실제와 가깝게 구현할 수 있게 되었습니다. ### 상호작용 컴포넌트(Interactive Components) 정식 출시 * 베타 기간을 마치고 모든 사용자에게 공개되었으며, 컴포넌트 세트 내의 변형(Variants) 사이에 인터랙션을 설정할 수 있는 기능이 정식 도입되었습니다. * 버튼의 호버(Hover) 상태나 체크박스의 선택 상태 등 반복되는 상호작용을 개별 프레임마다 복제할 필요 없이, 단일 컴포넌트 내에서 정의하여 프로토타입 제작 시간을 대폭 단축했습니다. * 프로토타입의 복잡도를 줄여 파일의 로딩 속도와 성능을 개선하는 기술적 이점을 제공합니다. ### 브랜칭 및 머지(Branching & Merging) 워크플로우 고도화 * Organization 및 Enterprise 플랜 사용자를 대상으로, 메인 라이브러리에 영향을 주지 않고 안전하게 디자인을 실험할 수 있는 브랜칭 기능이 강화되었습니다. * 브랜치 간의 변경 사항을 비교하고 충돌을 해결하는 UI를 최적화하여, 여러 명의 디자이너가 동시에 작업할 때 발생할 수 있는 데이터 손실 위험을 최소화했습니다. * 업데이트된 리뷰 프로세스를 통해 디자인 시스템의 무결성을 유지하면서도 팀 간 협업 속도를 높였습니다. ### 접근성(Accessibility) 및 디자인 도구 개선 * 디자인 단계에서 웹 콘텐츠 접근성 지침(WCAG)을 쉽게 준수할 수 있도록 텍스트 대비(Contrast) 확인 및 색상 보정 도구들이 보강되었습니다. * 스크린 리더 사용자를 위한 초점 순서(Focus Order) 관리 기능 등 보조 공학 기술과의 호환성을 높여 포용적인 디자인 환경을 구축했습니다. * Figma 모바일 앱의 성능 업데이트를 통해 실제 디바이스에서의 프로토타입 미러링 속도와 터치 반응성을 개선했습니다. ### 피그잼(FigJam) 위젯 및 확장성 강화 * 팀 협업 도구인 피그잼에 위젯(Widgets) 기능이 추가되어, 단순한 화이트보드를 넘어 투표, 실시간 데이터 연동 등 동적인 기능을 디자인 캔버스 내에서 실행할 수 있습니다. * 플러그인 API의 업데이트로 외부 도구와의 연동성이 강화되어, 디자인 데이터의 추출 및 관리 자동화 범위가 확장되었습니다. 이번 업데이트의 핵심인 상호작용 컴포넌트를 디자인 시스템에 적극 도입하면 프로토타입의 관리 효율을 비약적으로 높일 수 있습니다. 특히 대규모 조직이라면 브랜칭 기능을 통해 라이브러리 업데이트 전 충분한 검토 과정을 거쳐 시스템의 안정성을 확보하는 실무 프로세스를 구축할 것을 권장합니다.

피그마 프로토타 (새 탭에서 열림)

Figma의 2021년 11월 업데이트는 디자인과 프로토타이핑 사이의 장벽을 허물고, 협업 도구인 FigJam의 표현력을 확장하는 데 중점을 두었습니다. 가장 큰 변화인 '인터랙티브 컴포넌트'의 정식 출시를 통해 효율적인 디자인 시스템 운영이 가능해졌으며, 모바일 환경에서의 디자인 검토 경험과 접근성 또한 대폭 개선되었습니다. 이번 업데이트는 반복적인 작업을 줄이고 팀 간 소통을 강화하여 디자인 프로세스 전반의 생산성을 높이는 것을 목표로 합니다. **인터랙티브 컴포넌트(Interactive Components) 정식 출시** - 오랜 베타 기간을 거쳐 정식 도입된 이 기능을 통해 컴포넌트 변형(Variants) 간의 상호작용 정의가 가능해졌습니다. - 버튼 호버 효과, 체크박스 선택 상태 등을 개별 프레임마다 연결할 필요 없이 컴포넌트 수준에서 한 번만 설정하면 모든 인스턴스에 자동 적용됩니다. - 프로토타입 제작 시 불필요한 프레임 복제를 획기적으로 줄여 디자인 파일의 가독성과 관리 효율성을 높였습니다. **FigJam의 협업 기능 및 표현 도구 강화** - 팀원들의 의견을 빠르게 수렴할 수 있는 '투표(Voting)' 기능이 추가되어 브레인스토밍 세션에서의 의사결정이 더욱 간편해졌습니다. - 스탬프와 스티커 기능을 확장하여 텍스트 위주의 피드백을 넘어 시각적이고 직관적인 감정 표현과 피드백 전달이 가능해졌습니다. - 디자인 초기 단계에서의 자유로운 아이디어 발산을 돕기 위해 섹션 관리 및 레이아웃 도구들이 개선되었습니다. **모바일 앱 경험의 전면 개편** - 새로운 Figma 모바일 앱(iOS 및 Android)을 통해 실시간 미러링 성능을 향상하고, 데스크톱에서 작업 중인 디자인을 모바일에서 즉각적으로 확인할 수 있게 되었습니다. - 모바일 기기에 최적화된 새로운 탐색 인터페이스를 도입하여 공유받은 파일을 쉽게 찾고 관리할 수 있습니다. - 디자인에 대한 코멘트 작성 및 확인 기능을 강화하여 사무실 밖에서도 팀원들과 원활한 피드백 루프를 유지할 수 있도록 지원합니다. **접근성 개선 및 플러그인 생태계 확장** - 키보드 내비게이션 기능과 명암비 등을 개선하여 신체적 제약이 있는 사용자들도 Figma를 더 원활하게 사용할 수 있도록 접근성을 보강했습니다. - 플러그인 및 위젯 API의 기능을 확장하여 개발자들이 더 복잡하고 강력한 자동화 도구를 구축할 수 있는 환경을 조성했습니다. - 위젯을 통해 FigJam 내에서 실시간 데이터를 연동하거나 투두 리스트(To-do list) 같은 대화형 요소를 직접 활용할 수 있습니다. 이번 업데이트의 핵심인 인터랙티브 컴포넌트를 디자인 시스템에 적극적으로 통합하면 프로토타입 구축 시간을 대폭 단축할 수 있습니다. 특히 모바일 앱의 개선된 피드백 기능을 활용해 이해관계자와의 검토 과정을 가속화할 것을 권장합니다.

Figma의 새로운 소식: (새 탭에서 열림)

2021년 8월 Figma 업데이트는 디자이너의 생산성을 높이고 디자인 시스템 관리의 정교함을 더하는 데 초점을 맞췄습니다. 변수(Variants) 관리 방식의 유연성을 확보하고 텍스트 리스트 기능을 추가하는 등 사용자들의 오랜 요청 사항을 반영하였으며, 기업용 브랜칭 기능을 통해 대규모 협업 워크플로우를 최적화했습니다. 이를 통해 개별 디자이너의 작업 효율은 물론 조직 단위의 디자인 운영 체계(Design Ops)가 한층 강화되었습니다. ### 컴포넌트 변수(Variants) 관리 체계 개선 * **속성 순서 변경:** 컴포넌트의 변수 속성(Properties)과 값(Values)의 순서를 드래그 앤 드롭으로 자유롭게 재배치할 수 있게 되어, 디자인 시스템 가이드에 맞춘 직관적인 정리가 가능해졌습니다. * **코드 가독성 향상:** 변수 순서가 정리됨에 따라 개발자에게 전달되는 인스펙트(Inspect) 패널 내 코드 스니펫의 논리적 구조도 함께 개선되었습니다. * **컴포넌트 설명 유지:** 변수 내 개별 요소에 작성된 설명(Description)이 버전 업데이트 과정에서도 유실되지 않도록 관리 기능이 보강되었습니다. ### 텍스트 도구의 리스트 서식 지원 * **불렛 및 번호 매기기:** 많은 사용자가 기다려온 불렛 포인트(Bullet points)와 번호 매기기(Numbered lists) 기능이 정식 추가되어 문서화 작업이나 상세 설명 작성이 용이해졌습니다. * **서식 자동화:** 텍스트 입력 중 특정 기호나 숫자를 입력하면 자동으로 리스트 형식이 적용되어 타이포그래피의 일관성을 유지할 수 있습니다. * **들여쓰기 조절:** 리스트의 계층 구조를 표현하기 위한 들여쓰기 기능을 지원하여 복잡한 텍스트 정보의 위계를 명확히 표현할 수 있습니다. ### 브랜칭(Branching)을 통한 안전한 협업 * **안전한 작업 환경:** 메인 디자인 파일에 직접적인 영향을 주지 않고 별도의 브랜치(Branch)에서 실험적인 수정이나 업데이트를 진행할 수 있습니다. * **리뷰 및 병합(Merge):** 작업이 완료된 브랜치는 리뷰 과정을 거쳐 메인 파일에 병합할 수 있으며, 이 과정에서 변경 사항을 시각적으로 비교하고 충돌을 해결할 수 있습니다. * **버전 관리 최적화:** 대규모 팀에서 여러 디자이너가 동시에 라이브러리를 수정할 때 발생할 수 있는 혼선을 방지하고 디자인 거버넌스를 확립합니다. ### 디자인 시스템 분석 및 플러그인 API 확장 * **라이브러리 통계 세분화:** 어떤 팀이 어떤 컴포넌트를 얼마나 자주 사용하는지, 어떤 컴포넌트가 분리(Detach)되었는지에 대한 심층적인 분석 데이터를 제공합니다. * **플러그인 생태계 강화:** 플러그인 API 업데이트를 통해 외부 도구와의 연동성을 높이고, 반복적인 디자인 작업을 자동화할 수 있는 범위가 넓어졌습니다. 디자인 시스템의 확장성과 유지보수 편의성을 고려한다면, 이번에 개선된 변수 정렬 기능과 브랜칭 워크플로우를 적극적으로 활용해 보시기 바랍니다. 특히 텍스트 리스트 기능은 디자인 가이드라인이나 프로토타입 내 콘텐츠의 가독성을 즉각적으로 개선하는 데 유용합니다.

Figma의 새로운 소 (새 탭에서 열림)

피그마(Figma)는 디자인 도구를 넘어 협업의 중심지로 거듭나기 위해 자사의 오픈 플랫폼 역량을 피그잼(FigJam)으로 확장합니다. 이를 통해 사용자는 기존의 플러그인뿐만 아니라 실시간 상호작용이 가능한 '위젯(Widgets)'을 활용하여 팀에 최적화된 워크플로우를 직접 구축할 수 있게 되었습니다. 단순히 화이트보드 툴에 머무는 것이 아니라, 개발자 생태계를 통해 끊임없이 진화하는 협업 플랫폼을 지향하는 것이 이번 업데이트의 핵심입니다. **플러그인과 위젯의 결합을 통한 확장성 확보** - 기존 피그마에서 사용하던 플러그인 생태계를 피그잼으로 가져와 반복적인 작업을 자동화하고 작업 효율성을 높였습니다. - '위젯'이라는 새로운 형태의 커스텀 오브젝트를 도입하여, 캔버스 위에서 여러 사용자가 동시에 데이터를 수정하고 상호작용할 수 있는 환경을 제공합니다. - 플러그인은 개인의 생산성 향상과 문서 편집에 초점을 맞춘 반면, 위젯은 '멀티플레이어' 경험에 최적화되어 투표, 게임, 외부 데이터(Jira, Asana 등) 연동과 같은 기능을 수행하며 캔버스에 영구적으로 유지됩니다. **위젯 개발을 위한 기술적 아키텍처** - 위젯은 React와 유사한 선언적 UI 구조를 채택하여 개발자가 복잡한 상태 관리나 렌더링 로직을 직접 처리하지 않고도 표준화된 구성 요소를 통해 쉽게 제작할 수 있도록 설계되었습니다. - 보안과 성능을 위해 WASM(WebAssembly) 기반의 QuickJS 샌드박스에서 실행되며, 이는 피그마의 견고한 플러그인 인프라를 그대로 계승하여 안정성을 보장합니다. - `figma.widget` API를 통해 위젯의 UI 구성 요소와 데이터 상태를 정의하며, 이를 통해 캔버스 내의 다른 요소들과 유기적으로 상호작용할 수 있는 확장성을 제공합니다. **커뮤니티 중심의 도구 생태계 구축** - 피그마 커뮤니티를 통해 누구나 자신이 만든 위젯과 플러그인을 공유할 수 있어, 전 세계 팀들이 다른 이들이 만든 검증된 도구를 즉시 도입하여 사용할 수 있습니다. - 조직 내부의 특수한 요구사항에 맞춰 사내 전용 도구를 개발할 수 있는 유연성을 제공함으로써, 기업별 맞춤형 협업 환경 구축을 지원합니다. 이제 개발자들은 피그잼을 단순한 화이트보드가 아닌 하나의 강력한 플랫폼으로 활용하여 팀의 문제를 창의적으로 해결할 수 있습니다. 이미 구축된 방대한 피그마 API를 기반으로 새로운 협업 방식을 실험해 보고, 위젯을 통해 팀원 간의 소통을 더욱 동적이고 효율적으로 만들어 보길 권장합니다.

기능 비하인드 (새 탭에서 열림)

제공해주신 텍스트는 기술 블로그의 본문이 아닌 Figma 커뮤니티의 **카테고리 메뉴 목록**입니다. 요약할 상세 본문이 포함되어 있지 않아, 해당 메뉴 구성을 바탕으로 Figma가 제공하는 정보 생태계의 구조를 정리해 드립니다. 만약 특정 아티클의 내용을 요약하고 싶으시다면 해당 글의 **전체 본문**을 다시 입력해 주시기 바랍니다. Figma는 디자인 도구를 넘어 개발자와 디자이너가 공존하는 생태계를 구축하기 위해 'Figma 커뮤니티'라는 플랫폼을 통해 다각적인 정보를 제공합니다. 제품의 최신 업데이트부터 협업 방식, 플러그인 개발과 같은 기술적 도구 활용법까지 체계적으로 분류하여 사용자 간의 지식 공유와 생산성 향상을 도모하고 있습니다. **커뮤니티 내 주요 정보 분류** * **Inside Figma & News:** Figma 팀의 내부 비하인드 스토리와 기업 차원의 주요 소식을 전달하여 플랫폼의 방향성을 공유합니다. * **Design & Product updates:** 실무 디자인 기법과 새롭게 추가된 기능들을 상세히 안내하여 사용자가 최신 기능을 즉각적으로 업무에 적용할 수 있도록 돕습니다. * **Collaboration & Tooling:** 팀 단위의 효율적인 협업 프로세스와 플러그인 제작, 자동화 도구 활용법 등 엔지니어링과 워크플로우 최적화에 특화된 기술 정보를 다룹니다. 자신의 역할군이 디자이너라면 'Design'과 'Collaboration' 섹션을, 개발자나 운영자라면 'Plugins & tooling' 섹션을 중심으로 탐색하여 Figma 생태계 내에서의 기술적 확장성을 확보하는 것을 추천합니다.

업무 자동화, 데이터 활용, (새 탭에서 열림)

마이크로소프트의 UX 디자이너 Jackie Chui는 디자인 과정에서 반복되는 번거로운 작업을 해결하기 위해 직접 Figma 플러그인을 개발하기 시작했으며, 특히 'Table Creator'를 통해 복잡한 테이블 제작 과정을 자동화했습니다. 그는 디자이너가 직접 도구를 만드는 것이 워크플로우 효율성을 높일 뿐만 아니라, 개발적 사고를 통해 디자인의 기술적 구현 가능성을 깊이 이해하는 데 큰 도움이 된다고 강조합니다. **테이블 제작의 고충과 자동화의 필요성** * 피그마에서 테이블을 제작할 때 셀 하나하나의 크기를 조정하고 수동으로 요소를 배치하는 반복 작업이 디자인 생산성을 저해하는 주요 요인임을 인지했습니다. * 단순히 정적인 표를 그리는 것이 아니라, 오토 레이아웃(Auto Layout)이 적용되어 유연하게 반응하고 수정이 용이한 테이블을 즉각적으로 생성하는 것을 목표로 삼았습니다. **기술적 도전과 스택 활용** * 전문 개발자가 아닌 디자이너로서 React와 TypeScript, 그리고 Figma API를 익히며 플러그인 개발에 도전했습니다. * 처음부터 완벽한 코드를 짜기보다는 Figma에서 제공하는 기본 플러그인 템플릿과 API 문서를 적극적으로 활용하여 핵심 기능 구현에 집중했습니다. * TypeScript를 도입하여 코드의 안정성을 확보하고, 복잡한 테이블의 행과 열 구조를 명확한 타입으로 정의함으로써 관리 효율을 높였습니다. **MVP 중심의 점진적 개발 방식** * 가장 먼저 해결해야 할 핵심 기능인 '기본 테이블 생성'에 집중한 최소 기능 제품(MVP)을 먼저 배포한 후, 실제 사용자들의 피드백을 바탕으로 기능을 확장했습니다. * 사용자가 셀의 스타일을 직접 정의하고 저장하여 재사용할 수 있는 기능을 추가해, 개별 프로젝트의 디자인 시스템에 최적화된 테이블을 만들 수 있도록 고도화했습니다. * 플러그인 커뮤니티의 반응을 실시간으로 살피며 성능을 최적화하고 UI를 개선하는 반복적인 이터레이션 과정을 거쳤습니다. **디자이너를 위한 개발 권장** * 자신에게 필요한 도구를 직접 만드는 과정은 단순한 업무 자동화를 넘어, 디자인 시스템의 논리적 구조와 데이터 흐름을 이해하는 데 큰 기여를 합니다. * 거창한 프로젝트보다는 현재 업무에서 겪고 있는 사소한 불편함을 해결하는 작은 스크립트부터 시작해볼 것을 권장하며, 커뮤니티의 오픈 소스 코드를 참고하는 것이 가장 빠른 학습 방법임을 강조합니다.

GIF로 피그마 프로토타 (새 탭에서 열림)

Figma는 디자인 시스템의 효율성을 극대화하기 위해 컴포넌트 관리 기능을 강화하고, 외부 생태계 확장을 위한 플러그인 베타 프로그램을 공개했습니다. 이번 업데이트의 핵심은 디자인 요소에 풍부한 컨텍스트를 제공하여 협업의 정확도를 높이고, 개발자 중심의 확장성을 통해 반복적인 디자인 작업을 자동화할 수 있는 토대를 마련한 것입니다. **컴포넌트 문서화 및 정보 관리 강화** - **설명(Description) 필드 추가**: 각 컴포넌트에 구체적인 사용 용도나 제약 사항을 입력할 수 있는 필드가 추가되어, 팀원들이 라이브러리 탐색기에서 해당 컴포넌트의 의도를 즉각적으로 파악할 수 있게 되었습니다. - **외부 문서 링크 연결**: 컴포넌트 내에 디자인 가이드라인이나 코드 문서(예: Storybook)로 연결되는 링크를 직접 포함할 수 있습니다. 이를 통해 디자인과 실제 구현 코드 사이의 간극을 줄이고 단일 진실 공급원(Single Source of Truth)을 구축하기 용이해졌습니다. - **검색 효율성 증대**: 추가된 설명과 메타데이터는 컴포넌트 검색 시 키워드로 활용되어, 대규모 라이브러리 내에서 필요한 자산을 더 빠르게 찾을 수 있도록 돕습니다. **플러그인 베타(Plugins Beta)와 확장성** - **플러그인 생태계 구축**: Figma 내부의 기능을 확장하거나 외부 데이터를 실시간으로 불러올 수 있는 플러그인 시스템의 비공개 베타를 시작했습니다. 이는 폐쇄적인 디자인 도구를 넘어 하나의 오픈 플랫폼으로 진화하는 중요한 단계입니다. - **웹 어셈블리(WebAssembly) 활용**: 플러그인은 웹 표준 기술을 기반으로 구동되며, 특히 WebAssembly를 사용해 복잡한 연산이나 대량의 레이어 수정 작업 시에도 네이티브 앱에 준하는 강력한 성능과 보안을 유지합니다. - **워크플로우 자동화**: 반복되는 레이어 이름 변경, 데이터 채우기, 디자인 정합성 체크 등 수동으로 진행하던 작업들을 자동화하여 디자이너가 창의적인 문제 해결에 더 집중할 수 있는 환경을 제공합니다. **사용성 개선 및 세부 기능 업데이트** - **정교해진 선택 도구**: 캔버스 위에서 여러 개체를 선택할 때의 시각적 피드백을 개선하여, 복잡한 레이어 구조 속에서도 어떤 요소가 선택되었는지 명확하게 식별할 수 있습니다. - **색상 선택기(Color Picker) 최적화**: 문서에서 자주 사용되는 색상과 최근 사용한 색상에 대한 접근성을 높여, 일관된 색상 팔레트를 유지하며 작업하는 속도를 향상했습니다. - **파일 브라우저 개선**: 프로젝트와 파일의 구조를 더 직관적으로 볼 수 있도록 UI를 다듬어 팀 단위의 협업 효율을 높였습니다. 이번 업데이트를 통해 디자이너는 단순한 화면 그리기를 넘어 시스템 구축과 자동화라는 더 넓은 영역으로 역할을 확장할 수 있게 되었습니다. 향후 정식 출시될 플러그인을 원활하게 활용하기 위해 현재의 디자인 시스템에 문서화 링크를 미리 보강하고, 반복되는 업무 중 어떤 부분을 자동화할 수 있을지 팀 내에서 논의해 보는 것을 추천합니다.