Velopers
모든 태그
태그

Figma 기술 블로그 글

Figma 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.

전체 77개최신 20개 표시
홈에서 필터

관련 태그

#디자인 시스템84#LLM1,153#Storybook36#Cursor89#Notion16#UI/UX485#React387#API278#MCP283#iOS185#Slack139#컴포넌트29

최신 게시글

20개 표시

프론트엔드

에이전트도 읽는 디자인 시스템, Clay 개편기

AI 에이전트가 읽는 Clay 디자인 시스템을 위해 Figma·React의 명칭과 구조를 통일했습니다.\n가이드라인과 CLI를 제공해 타입 에러를 없애고 작업 시간·비용을 절반 가까이 낮췄습니다.

#디자인 시스템#AI 에이전트#React
4600

AI

LLM이 만들고 활용하는 Wiki

LLM이 문서를 읽는 순서와 우선순위를 정리하는 Wiki 구조를 소개했습니다. VUI 디자인 시스템 작업에서 검증과 생성에 어떻게 활용했는지도 사례로 설명했습니다.

#LLM#Wiki#Storybook
7200

기타

Product Engineer의 가능성과 조건: 대규모 예산이 투입되는 프로젝트에서 확인하다

AI와 검증된 개발 컨벤션을 활용해 PO·BE·FE 역할을 겸하며 친구 초대 기능을 출시했습니다. Product Engineer의 지속 가능성을 위해 프로세스 템플릿, 전문가 협업, 커뮤니케이션 관리가 필요합니다.

#product engineer#Figma#API
1800

AI

AI-Driven Development의 시대

iOS 디자인 시스템 업데이트를 에이전트 루프로 자동화한 사례를 소개했습니다. 구현부터 배포와 QA까지 이어지며 대기 시간을 크게 줄인 구조를 설명했습니다.

#SwiftUI#iOS#Figma
12500

AI

에이전트가 디자인 시스템 컴포넌트를 “제대로” 쓰게 만드는 방법

AI 에이전트가 Figma 디자인을 코드로 바꾸는 흐름에서 디자인 시스템 컴포넌트를 제대로 쓰게 만드는 방법을 다룹니다. 디자인과 코드 변환 과정의 기준을 정리하는 데 초점을 둡니다.

#Figma#디자인 시스템#컴포넌트
5000

프론트엔드

MUI 기반 디자인시스템 VUI

MUI 기반 디자인 시스템 VUI의 구축 배경과 토큰-테마-컴포넌트 연결 구조를 소개했습니다. 브랜드와 모드 변형을 설정으로 흡수하고, 남은 과제도 정리했습니다.

#MUI#디자인 시스템#design token
6600

AI

그 많던 토큰은 누가 다 먹었을까

에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.

#LLM#MCP#Figma
12620

AI

Codex 플러그인 열풍: Slack부터 Figma까지, 개발 워크플로우의 재탄생

OpenAI Codex 플러그인이 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결해 워크플로우를 자동화하는 흐름을 소개했습니다. 팀 생산성을 높이기 위한 점진적 도입 방법과 개발자의 준비 포인트도 정리했습니다.

#LLM#API#Slack
8900

AI

Codex 플러그인 열풍: Slack부터 Figma까지, 개발 워크플로우의 재탄생

OpenAI Codex 플러그인을 활용해 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결하는 흐름을 소개했습니다. 복잡한 워크플로우 자동화와 이를 위한 프롬프트 설계 역량의 중요성도 강조했습니다.

#LLM#API#Slack
14700

AI

Product Engineer: “코드는 AI가, 나는 제품 관점에서 고민을” AI 네이티브 개발 한걸음

AI가 코드를 작성하고 사람은 목적과 검증에 집중하는 개발 방식이 소개되었습니다. 실서비스에 맞추기 위한 규칙 정리와 검증 체계의 중요성도 강조했습니다.

#Cursor#Figma#iOS
9700

기타

AI 시대의 디자인 시스템: 적정 밀도는 무엇일까?

디자인 시스템을 일관성과 판단 비용 관리의 문제로 다시 정리했습니다.\nAI를 활용해도 최종 기준과 예외 판단은 사람이 맡아야 한다고 설명했습니다.

#디자인 시스템#Figma#토큰
20000

프론트엔드

쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)

쏘카프레임 2.0을 규칙·컴포넌트·Figma 연동·운영 프로세스를 아우르는 디자인 시스템으로 재정의했습니다.\n플러그인과 Code Connect, Slot 설계로 전달 흐름을 개선하고 직군 간 정책 합의와 QC를 운영했습니다.

#디자인 시스템#Figma#Storybook
200

프론트엔드

쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)

쏘카 디자인 시스템 2.0을 시스템 관점에서 설계하고 운영한 과정을 정리했습니다. Figma 연동과 직군 합의를 통해 디자인-개발 흐름과 품질 관리 체계를 강화했습니다.

#Figma#UI/UX#디자인 시스템
11000

AI

[공모전 후기] Dev Agent, kt cloud의 업무 방식을 혁신하다

kt cloud가 사내 공모전에서 Dev Agent 활용 사례를 공유했습니다. 기획부터 구현까지 AI를 적용해 업무 효율과 프로세스 고도화를 확인했습니다.

#Cursor#ChatGPT#Figma
4300

프론트엔드

Notion DB를 활용한 Figma 플러그인 만들기

Notion DB와 Figma 플러그인을 연결해 더미 데이터 입력을 자동화한 사례를 소개했습니다. CORS 문제와 AI 데이터 생성 이슈를 해결하며 팀용 도구로 확장한 과정도 담았습니다.

#Figma#Notion#Supabase
1200

AI

Notion DB를 활용한 Figma 플러그인 만들기

비개발자 디자이너가 반복되는 더미 데이터 입력 문제를 해결하려고 Figma 플러그인을 직접 만들었습니다. Notion DB와 AI, CSV 업로드를 결합해 팀이 쉽게 데이터셋을 관리하도록 개선했습니다.

#Figma#Notion#Supabase
2200

프론트엔드

FE News 26년 1월 소식을 전해드립니다!

React Server Components 시각화 도구와 클라이언트 사이드 AI 흐름, 디자인시스템 기반 마크업 자동화 사례를 소개했습니다. 프런트엔드 관점에서 AI와 브라우저 기술의 변화 지점을 함께 살펴볼 수 있습니다.

#React#LLM#WebGPU
14200

기타

디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)

디자인 시스템 성과를 감이 아니라 설문과 인터뷰 데이터로 측정한 사례를 정리했습니다. 연간 3,272시간 절감 효과와 직군별 차이를 바탕으로 개선 과제를 도출했습니다.

#디자인 시스템#ROI#설문
10100

프론트엔드

여기쏙 — Figma plugin 제작기 : 3. 성능

Figma 플러그인 2.0의 성능 개선을 위해 통신 계층과 렌더링 구조를 전면 재설계했습니다. 비동기 매칭, 탐색 비용, 이미지 로딩, 스토리지 동기화를 최적화해 체감 속도와 안정성을 높였습니다.

#Figma#React#성능
7300

프론트엔드

여기쏙 — Figma plugin 제작기 : 2. UI

Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.

#Figma#React Query#Preact
5500