CSS 한 줄이 댓글까지 바꿀 때, 카드 안의 선택 범위를 좁히는 법
이미지가 있는 카드의 문단 여백을 줄이는 규칙이 댓글 아바타까지 조건으로 삼으면 카드와 댓글을 함께 바꾼다. 관계 선택자의 조건과 적용 대상을 직접 자식으로 한정한 예제를 실행하고, CSS 전환에서 줄 수보다 먼저 살펴볼 동작의 경계를 짚었다.
“디자인 시스템” 검색 결과검색 초기화26편
카드 한 장을 뒤집기까지, 피그마의 규칙과 움직임을 맞추는 법
피그마의 디자인 시스템 안내와 코드 레이어 활용 사례를 함께 읽었다. 숫자로 동작을 나눠 만든 카드 지갑, 실제 React 컴포넌트로 비교하는 화면은 생성 결과를 고치는 기준이 어디서 오는지 보여준다. 새 기능의 개수보다 팀의 규칙을 작동하는 시제품에 이어주는 과정에 주목한다.
공용 공간의 좌석과 테이블을 하나의 기반에 묶는 파바 라운지 모듈 시스템
마리오 페라리니가 데이비스 퍼니처를 통해 선보인 파바 라운지는 긴 플랫폼을 공통 기반 삼아 좌석과 등받이, 팔걸이, 테이블을 결합하는 모듈 시스템이다. 빈 면을 테이블로 활용하고 양방향 배치와 전원 구성을 제공한다.
CSS random() 초안과 시연으로 본 절제된 시각적 편차 설계
CSS random()은 기본 구조 위에 제한된 편차를 더하는 수단이다. 규격의 공유 범위를 살피고 Chrome 156에서 기본·간격·대체 값 선언을 직접 실행했다. 한 브라우저의 지원 결과와 전체 서비스의 적용 가능성을 구분한다.
구글 안드로이드 지진 경보 시스템 200여 국가 및 지역으로 확대
구글이 안드로이드 지진 경보 서비스 지역을 98곳에서 200곳 이상으로 넓힌다고 밝혔다. 예상 흔들림에 맞춘 단계별 알림과 Be Ready 화면을 제공하지만 지진 사전 예측이나 전면적 알림 보장은 아니다.
피그마, 디자인 시스템에 지침과 코드를 연결해 AI 에이전트 작업 기준 넓힌다
Config India에서 피그마가 라이브러리 Guidelines 공개 베타와 Code sources 폐쇄 베타, 시스템 통합 관리 미리보기를 발표했다. 20개 MCP 파트너 확장과 함께 시각 자산뿐만 아니라 팀의 선택 이유와 예외 규칙을 에이전트에 전달하는 작업 흐름에 집중했다.
설치 이후를 설계하는 B+N, 세 모듈 시스템의 다른 공간 언어
B+N의 System 1224·Sorbetti 2.0·Muro는 패널, 수납, 조명과 그래픽을 바꾸며 실내의 역할을 조정한다. 새 인터뷰와 공식 제품 자료를 통해 격자형 벽, 가구 같은 선반, 열린 프레임이 각각 변화를 수용하는 방식을 살펴본다.
뉴욕 첼시 VV’s 칵테일 룸, USM Haller 모듈로 완성한 실내 경계
조시 그린스펀과 USM이 뉴욕 첼시에 18석 규모의 VV’s 칵테일 룸을 선보였습니다. Steel Blue 패널이 실내 둘레를 감싸고 바 뒤 선반으로 이어지는 구조를 바탕으로, 표준 가구 시스템을 공간의 경계로 확장할 때 검토해야 할 물리적 조건과 설계 한계를 살핍니다.
비침습적 모듈러 스틸 시스템으로 구현한 스트리트웨어 리테일: 머큐리 타워 내 Super F# 스토어
스튜디오 디디아는 몰타 머큐리 타워 상업 포디엄에 위치한 600㎡ 규모의 스트리트웨어 편집숍 'Super F#' 인테리어를 설계했다. 자하 하디드 아키텍츠가 설계한 기존 건축물의 골조를 훼손하지 않기 위해 조적 공사를 전면 배제하고, 밀리미터 단위의 건식 조립 방식과 무나사 결합 하드웨어를 도입한 것이 핵심이다.
피그마 에이전트 정식 출시, 디자인 시스템 유지보수 자동화의 현실과 한계
피그마가 2026년 10월 6일 캔버스 기반 도구인 피그마 에이전트를 정식 출시했습니다. 반복 유지보수 작업의 효율을 높여주지만, LLM 특유의 비결정성과 실행 제약으로 인해 실무자의 정밀한 수동 검증과 체계적인 가이드라인 관리가 요구됩니다.
피그마 에이전트 정식 출시와 디자인 시스템 연동 및 과금 체계
피그마가 대화형 AI 도구인 피그마 에이전트를 정식 출시하며 유료 크레딧 소모 체계로 전환했습니다. 마크다운 가이드라인 준수와 MCP 외부 연동을 지원하지만 컨텍스트 누적 비용과 비결정론적 모델 한계에 주의해야 합니다.
피그마 에이전트 정식 출시와 디자인 시스템 실무의 변화: 기능 검증과 과금 모델 분석
피그마가 2026년 10월 6일 피그마 에이전트(Figma Agent)를 정식 출시(GA)하며 AI 크레딧 과금 체계를 도입했습니다. 라이브러리 자동 수정, 피드백 정리, 스펙 문서 초안 작성 등 실무 워크플로우를 보조하는 기능이 추가되었으나, 불명확한 매핑에 대한 판단 중단 및 비환불 크레딧 정책 등 실무 적용 시 점검해야 할 제약 조건도 뚜렷합니다.
파올라 렌티, 신규 직물과 디테일 보강한 비스트로 파라솔 공개
파올라 렌티가 사내 연구개발 센터 CRS를 통해 비스트로 파라솔의 신규 패브릭과 플라운스 마감을 공개했다. 최대 3미터 규격 차양 시스템과 각도 조절 구조를 갖춰 외부 공간 조성을 지원한다.
디지털 제품의 소통 비용 낮추는 명명 설계와 토큰 체계
UI 컴포넌트, 코드 클래스, 색상, 디자인 토큰 등 제품 개발 전반에서 발생하는 명명 혼선을 줄이기 위한 체계적 분류법과 인튜이트, 보다폰 UK 등 주요 기업의 계층 설계 전략을 살펴봅니다.
MVRDV와 에스코펫이 제안한 콘크리트 가로 시스템, 바코드 컬렉션
MVRDV가 스페인 가로 시설물 제조사 에스코펫과 협력해 규격화된 콘크리트 모듈 가구 '바코드 컬렉션'을 발표했습니다. 계단형, 경사형, 일체형 테이블 모듈의 조합을 통해 공공 공간을 다채로운 휴식 지형으로 전환하는 시스템입니다.
토스트 CEO 수지 드 로한 윌너가 제시한 물질성 탐구와 순환 공예
토스트 CEO 수지 드 로한 윌너는 다섯 가지 예술·건축적 영감과 리 크래스너의 작업관을 바탕으로 브랜드의 순환 시스템을 설명했습니다. 수선과 업사이클링을 결합한 현장 프로젝트를 통해 공예적 실천을 확장하고 있습니다.
피그마, 디자인 시스템 자산을 마케팅 에셋으로 확장하는 노드 파이프라인 공개
피그마가 디자인 시스템 에셋을 AI 플랫폼 피그마 위브와 실시간 연동해 캠페인 제작물로 확장하는 워크플로우를 공개했다. 원본 동기화 구조의 효용과 독립 웹 환경 및 크레딧 소모에 따른 실무 제약이 공존한다.
미국 대륙의 지형학적 풍경을 직조한 겐슬러와 에게 카펫의 바닥재 컬렉션
겐슬러와 에게 카펫이 협업해 미국 대륙의 지형과 경관 구조를 추상화한 상업용 바닥재 컬렉션 '아워 플래닛'을 발표했습니다. 양모와 재활용 폴리아미드 6 소재를 바탕으로 롤 카펫, 모듈형 플랭크 타일, 규격 러그 시스템을 제공합니다.
플렉스폼과 안토니오 치테리오의 카멜롯 모듈 시팅 시스템
플렉스폼이 건축가 안토니오 치테리오와 협업해 구조적 프레임과 구스다운 쿠셔닝을 결합한 카멜롯 시팅 시스템을 공개했습니다. 재생 가죽 플랫폼과 원목 지지 바, 차등 밀도 폼 코어를 기반으로 정교한 모듈러 비례와 안락성을 완성했습니다.
원형 보존과 전시 유연성을 결합한 뉴욕 스토어프론트 갤러리 리노베이션
뉴욕 놀리타의 대안 건축 갤러리 스토어프론트가 20년 만에 지상 갤러리 리노베이션을 마쳤다. 건축사무소 GRT 아키텍츠는 스티븐 홀과 비토 아콘치의 상징적인 콘크리트 회전 파사드를 보존하며 모듈러 시스템과 설비를 정비했다.
피그마가 제시한 AI 시대 제품 완주 조건과 실무적 한계
생성형 AI로 첫 화면을 만드는 속도는 빨라졌으나 실제 서비스 출시와 차별화의 장벽은 여전히 높습니다. 피그마는 초기 데모 제작 이후 배포까지 완주하기 위해 속도 유지, 엣지 케이스 검증, 디자인 완성도가 필수적이라고 제안했습니다.
토스뱅크 자산관리 리포트 UI 개편, 플로팅 카드 구조로 CTR과 CVR 3배 달성
토스뱅크가 홈 화면 내 자산관리 리포트를 고정 배너에서 플로팅 카드로 재설계하며 클릭률과 전환율을 각각 3배 개선했다고 밝혔습니다. 정보 층위를 분리하고 스크롤 연동 모션을 도입한 실험 성과와 함께 비공개 지표에 따른 실무적 한계를 검토합니다.
피그마 Code Connect 도입한 코인베이스 평가 결과와 운영 조건
피그마가 공개한 코인베이스 디자인 시스템 팀의 Code Connect 도입 사례에 따르면, 컴포넌트 연결 템플릿을 정비한 뒤 진행한 세 차례 실행에서 토큰 11.5%, 구현 시간 22.3%, 비용 22.5%가 감소했다. 수치 절감과 함께 실제 컴포넌트 선택과 템플릿 유지 관리 흐름이 확인됐다.
피그마, 빠른 AI 개발 속도에 의도와 검증 및 컴포넌트 맥락 결합 제안
피그마가 빠르게 생성된 시제품의 외관과 제품 방향 판단을 구분해야 한다는 개발 관점을 제시했다. 테스트와 명세, 디자인 시스템 맥락을 제공하고 최종 방향은 팀이 판단해야 한다는 설명이다.
