그 많던 토큰은 누가 다 먹었을까
에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.
#LLM#MCP#Figma
4220
그 많던 토큰은 누가 다 먹었을까
태그
Figma 기술 블로그 글
Figma 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 60개최신 20개 표시
관련 태그
최신 게시글
20개 표시
Codex 플러그인 열풍: Slack부터 Figma까지, 개발 워크플로우의 재탄생
OpenAI Codex 플러그인이 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결해 워크플로우를 자동화하는 흐름을 소개했습니다. 팀 생산성을 높이기 위한 점진적 도입 방법과 개발자의 준비 포인트도 정리했습니다.
#LLM#API#Slack
7700
Codex 플러그인 열풍: Slack부터 Figma까지, 개발 워크플로우의 재탄생
OpenAI Codex 플러그인을 활용해 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결하는 흐름을 소개했습니다. 복잡한 워크플로우 자동화와 이를 위한 프롬프트 설계 역량의 중요성도 강조했습니다.
#LLM#API#Slack
14200
Claude Code로 Figma 디자인 시스템을 C++ 코드로 변환하기
X
#Claude#C++#Figma
11400
Product Engineer: “코드는 AI가, 나는 제품 관점에서 고민을” AI 네이티브 개발 한걸음
AI가 코드를 작성하고 사람은 목적과 검증에 집중하는 개발 방식이 소개되었습니다. 실서비스에 맞추기 위한 규칙 정리와 검증 체계의 중요성도 강조했습니다.
#Cursor#Figma#iOS
8400
Product Engineer: “코드는 AI가, 나는 제품 관점에서 고민을” AI 네이티브 개발 한걸음
AI 시대의 디자인 시스템: 적정 밀도는 무엇일까?
디자인 시스템을 일관성과 판단 비용 관리의 문제로 다시 정리했습니다.\nAI를 활용해도 최종 기준과 예외 판단은 사람이 맡아야 한다고 설명했습니다.
#디자인 시스템#Figma#토큰
7100
AI 시대의 디자인 시스템: 적정 밀도는 무엇일까?
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
쏘카 디자인 시스템 2.0을 시스템 관점에서 설계하고 운영한 과정을 정리했습니다. Figma 연동과 직군 합의를 통해 디자인-개발 흐름과 품질 관리 체계를 강화했습니다.
#Figma#UI/UX#design system
9300
[공모전 후기] Dev Agent, kt cloud의 업무 방식을 혁신하다
kt cloud가 사내 공모전에서 Dev Agent 활용 사례를 공유했습니다. 기획부터 구현까지 AI를 적용해 업무 효율과 프로세스 고도화를 확인했습니다.
#Cursor#ChatGPT#Figma
2900
![[공모전 후기] Dev Agent, kt cloud의 업무 방식을 혁신하다](https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FzjlQO%2FdJMcagEzh24%2FAAAAAAAAAAAAAAAAAAAAAEioAI8KsQGGwXAQO1kmX3B8otsnCVAci2469Favr823%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1772290799%26allow_ip%3D%26allow_referer%3D%26signature%3DQWUP%252BmRnehyhuVyFp3exVPXmlIo%253D)
Notion DB를 활용한 Figma 플러그인 만들기
Notion DB와 Figma 플러그인을 연결해 더미 데이터 입력을 자동화한 사례를 소개했습니다. CORS 문제와 AI 데이터 생성 이슈를 해결하며 팀용 도구로 확장한 과정도 담았습니다.
#Figma#Notion#Supabase
000
Notion DB를 활용한 Figma 플러그인 만들기
Notion DB를 활용한 Figma 플러그인 만들기
비개발자 디자이너가 반복되는 더미 데이터 입력 문제를 해결하려고 Figma 플러그인을 직접 만들었습니다. Notion DB와 AI, CSV 업로드를 결합해 팀이 쉽게 데이터셋을 관리하도록 개선했습니다.
#Figma#Notion#Supabase
800
FE News 26년 1월 소식을 전해드립니다!
React Server Components 시각화 도구와 클라이언트 사이드 AI 흐름, 디자인시스템 기반 마크업 자동화 사례를 소개했습니다. 프런트엔드 관점에서 AI와 브라우저 기술의 변화 지점을 함께 살펴볼 수 있습니다.
#React#LLM#WebGPU
13100
FE News 26년 1월 소식을 전해드립니다!
디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)
디자인 시스템 성과를 감이 아니라 설문과 인터뷰 데이터로 측정한 사례를 정리했습니다. 연간 3,272시간 절감 효과와 직군별 차이를 바탕으로 개선 과제를 도출했습니다.
#디자인 시스템#ROI#설문
8800
디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)
여기쏙 — Figma plugin 제작기 : 3. 성능
Figma 플러그인 2.0의 성능 개선을 위해 통신 계층과 렌더링 구조를 전면 재설계했습니다. 비동기 매칭, 탐색 비용, 이미지 로딩, 스토리지 동기화를 최적화해 체감 속도와 안정성을 높였습니다.
#Figma#React#성능
5500
여기쏙 — Figma plugin 제작기 : 3. 성능
여기쏙 — Figma plugin 제작기 : 2. UI
Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.
#Figma#React Query#Preact
4600
여기쏙 — Figma plugin 제작기 : 2. UI
여기쏙 — Figma plugin 제작기 : 1. 프록시 서버
Figma 플러그인에서 내부 API를 직접 호출할 때 발생하는 CORS와 HTTPS 제약을 해결하기 위해 프록시 서버를 구축했습니다. 기존 인프라를 재사용하고 최소 권한 원칙으로 설계해 안전하게 운영했습니다.
#Figma#NestJS#Docker
4900
여기쏙 — Figma plugin 제작기 : 1. 프록시 서버
여기어때 비주얼 에셋, 새롭게 정의하다
여기어때가 브랜드 일관성과 활용성을 높이기 위해 비주얼 에셋 체계를 새로 정리한 사례를 소개했습니다. 2D·3D 원칙, UT 검증, 검색성과 네이밍 개선까지 함께 다뤘습니다.
#UI/UX#design system#검색
6200
여기어때 비주얼 에셋, 새롭게 정의하다
2026년 버즈빌 디자인 스택, AI 전환을 준비하며
버즈빌이 2026년 디자인 스택을 AI 전환에 맞춰 재정비했습니다. 코드와 연결된 디자인 시스템, Figma·LLM·Cursor 중심의 워크플로우를 구축했습니다.
#Figma#LLM#MCP
3300
개발자가 개발을 안하는 세계에서..
리멤버 해커톤에서 AI 도구를 활용해 한 달간 프로덕트를 만든 경험을 공유했습니다. 바이브 코딩 환경, Spec 기반 개발, 프롬프트 고도화로 협업과 품질을 끌어올린 과정을 소개했습니다.
#LLM#prompt#Amazon Bedrock
16200
[온∙오프라인/마감] COMMIT × Figma: From Idea to Reality
Figma와 구름의 COMMIT 행사에서 AI 기반 제품 개발과 디자인 시스템 자동화 사례를 공유했습니다. 디자인과 개발 사이의 워크플로우를 줄이는 실무 인사이트를 전했습니다.
#Figma#디자인 시스템#자동화
1500
![[온∙오프라인/마감] COMMIT × Figma: From Idea to Reality](https://tech.goorm.io/wp-content/uploads/2025/11/BLOG_thumbnail.jpg)
반복은 줄이고, 가능성을 넓히다: AI 플러그인이 만든 디자인의 새로운 전환
반복적인 프로모션 카드 제작을 줄이기 위해 Figma 플러그인을 개발한 사례입니다.\n상품 URL 한 줄로 카드 10장을 약 90초에 생성하며 팀의 업무 방식을 바꿨습니다.
#Figma#Cursor#자동화
10100
