Name That UI는 화면에서 본 UI 요소의 정확한 이름을 찾아주는 시각 사전입니다. 디자이너이자 개발자인 Argo가 제작했으며 2026년 7월 12일 공개했습니다. 사용자가 “팝업 뒤에 깔리는 어두운 반투명 배경”처럼 일상적인 문장으로 형태를 설명하면 관련 UI 용어를 검색해 줍니다.
검색 결과에는 정식 명칭과 쉬운 설명, 코드에서 사용하는 API 또는 표준 속성이 함께 표시됩니다. 코딩 에이전트에 바로 붙여 넣을 수 있는 프롬프트도 제공합니다. 현재 웹 UI 44개와 macOS UI 32개를 포함해 총 76개 항목을 다룹니다. 토스트, 스크림, 삽입 캐럿, 콤보박스, 포커스 링처럼 이름을 떠올리기 어려운 요소를 시각 예시로 확인할 수 있습니다.
서로 혼동하기 쉬운 개념을 비교하는 기능도 제공합니다. 팝오버와 툴팁, 모달과 드로어, 탭과 세그먼티드 컨트롤 등의 차이를 작동 방식과 사용 맥락으로 구분합니다. 각 용어는 Apple Human Interface Guidelines, WAI-ARIA, WCAG, WHATWG, MDN 등 플랫폼 문서와 웹 표준을 기준으로 검증합니다.
이 서비스는 생성형 AI로 인터페이스를 제작하는 과정에서 필요한 공통 언어에 초점을 맞췄습니다. 사용자가 모호한 표현을 입력하면 디자인 용어와 구현 언어로 바꿔 줍니다. 디자인 레퍼런스를 검색하거나 개발자 및 코딩 에이전트에 원하는 형태를 설명할 때 활용할 수 있습니다.
더 보기 및 출처
