Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
본 페이지의 콘텐츠는 AI가 공개된 소스를 기반으로 자동 수집·요약·번역한 것입니다. 원 저작권은 각 원저작자에게 있으며, 각 게시물의 “원문 바로가기” 링크를 통해 원문을 확인할 수 있습니다. 저작권자의 삭제 요청이 있을 경우 신속히 조치합니다.
이 글은 Figma 디자인 작업 시 일관된 명명 규칙(naming convention)의 중요성을 강조합니다. 처음부터 스크린과 컴포넌트에 이름을 지정하면 프로토타입 연결 속도가 빨라지고, 파일 관리가 용이해져 전반적인 작업 효율성이 크게 향상됩니다.
이 글은 디자인 학생들이 흔히 겪는 Auto Layout의 레이아웃 버그를 잡아주는 'Auto Layout Lint' 도구를 소개합니다. 이 도구는 설치나 계정 설정 없이 브라우저에서 작동하며, 클립보드 데이터를 안전하게 분석하여 문제점을 일반 텍스트 목록으로 제공하는 것이 특징입니다.
Figma 플러그인 개발을 위한 무료 스타터 키트가 공개되었습니다. 이 키트는 버튼, 필드 등 20개 컴포넌트를 포함하며, 라이트/다크 모드 및 FigJam과 일치하는 Figma 자체 색상을 사용합니다. 또한 하드코딩된 오류를 잡아주는 검사 기능과 다양한 예제 플러그인을 제공하여 개발 초기 단계를 지원합니다.
Typeport는 Figma 디자인을 PDF로 내보낼 때 텍스트를 검색 및 편집 가능한 형태로 유지하는 도구입니다. 기존에는 텍스트가 평면화되어 외부 작업이 어려웠으나, Typeport는 원본 디자인을 보존하면서도 실제 선택 가능한 텍스트와 작은 파일 크기를 제공합니다.
CodeFig 2.0은 Figma용 JavaScript 러너 플러그인으로, 디자인 시스템의 변수, 스타일, 프라임티브 등을 프로그래밍 방식으로 관리할 수 있게 합니다. 이 라이브러리는 스크립트 변수를 UI 컴포넌트로 렌더링하는 '플러그인 샌드박스' 역할을 수행하며, 다양한 유틸리티와 기초 기능을 제공합니다.
프로덕트 디자이너가 Claude Design(C.D)으로 만든 디자인을 Figma에서 효율적으로 작업할 수 있도록 돕는 플러그인을 개발했습니다. 이 플러그인은 HTML 프로토타입을 편집 가능한 로컬 컴포넌트와 DS atoms로 구성된 완전한 Figma 플로우로 변환하여 워크플로우를 가속화합니다.
Figma Motion용 무료 애니메이션 프리셋 플러그인이 소개되었습니다. 이 플러그인은 오빗(orbit) 애니메이션 등 다양한 루프 애니메이션을 생성할 수 있게 돕습니다. Figma Motion API의 제한 사항과 유사 3D 구현의 어려움에도 불구하고, 사용자가 포트폴리오 제작에 필요한 복잡한 움직임을 쉽게 구현하도록 지원합니다.
HTML 코드를 Figma의 편집 가능한 레이어로 무료로 변환하는 오픈소스 플러그인이 공개되었습니다. 이 도구는 로컬 HTML 파일이나 붙여넣은 코드를 통해 프레임, 텍스트 레이어, SVG 등 다양한 요소를 정확하게 가져옵니다. 특히 Auto Layout 대신 절대 위치를 사용하여 원본 페이지와 동일한 시각적 일치를 유지하는 것이 특징입니다.
이 글은 Figma에서 그래픽 디자이너들이 익숙하게 사용할 수 있도록 네이티브 변형 도구 세트를 개발한 경험을 공유합니다. 기존의 디자인 습관과 정신 모델에 초점을 맞추어, 직접 조작(Direct manipulation) 및 조정 가능성(Re-editability)을 핵심 원칙으로 삼았습니다.
Reynard 브라우저를 사용하여 iPadOS 환경에서 Figma와 같은 웹 기반 UI 작업을 성공적으로 수행할 수 있었습니다. 이 브라우저는 Gecko 엔진을 구동하며, 키보드 단축키 및 마우스 컨트롤이 잘 작동하여 20개 화면 분량의 작업물 제작에 활용 가능했습니다.
Figma Motion 애니메이션을 코드로 옮기는 과정의 번거로움을 해결하기 위해 'Kinetik'이라는 플러그인을 개발했습니다. 이 플러그인은 지속 시간과 이징 값을 디자인 토큰/네이티브 Figma 변수로 생성하고, 이를 JSON 또는 CSS 변수로 내보내어 코드 전달(handoff to code)을 용이하게 합니다.
Claude Design이 Figma의 강력한 경쟁자가 될 것이라는 비관론이 있었으나, Figma는 1분기 매출이 46% 급증하며 강력한 성장세를 기록했습니다. 작성자는 이러한 시장의 우려를 오히려 매수 기회로 활용하여 현재 14%의 수익을 거두고 있다고 밝혔습니다.
디자이너가 Figma에서 작업한 디자인을 Google Slides로 변환할 때 발생하는 레이아웃 불일치와 수동 재작업의 번거로움을 해결하기 위한 'DeckSync' 플러그인이 출시되었습니다. 이 플러그인은 픽셀 수준의 충실도를 유지하며 레이아웃, 타이포그래피, 이미지를 보존하여 별도의 정리 작업이 필요 없는 '제로 클린업' 워크플로우를 지향합니다.
UI/UX 디자이너가 작업 흐름의 단절을 해결하기 위해 Figma 내에서 직접 UX 라이팅을 수행할 수 있는 무료 AI 플러그인 'BUX'를 개발했습니다. 이 플러그인은 번역, 문장 재구성, 오타 수정, 문맥에 맞는 카피 생성 등 다양한 기능을 제공합니다.
AI 제품 개발에 특화된 UI 컴포넌트를 포함한 무료 Figma 라이브러리가 출시되었습니다. 채팅 인터페이스, 대시보드 차트, 라이트/다크 모드 변수 등 AI 도구 제작에 필수적인 요소들을 제공합니다.