19건
Material Design
머티리얼 디자인
2014년 미국 Google이 발표한 디자인 시스템으로, 종이와 잉크에서 영감 받은 그림자·움직임·계층 원리를 표준화해 Android·웹·구글 서비스 전체를 일관되게 만든 글로벌 디자인 표준 중 하나입니다.
디자인
Design System
디자인 시스템
한 회사·서비스의 화면을 일관되게 유지하기 위해 색·글꼴·버튼·간격 같은 디자인 요소를 표준으로 정리한 '디자인의 약속집'으로, 디자이너와 개발자가 같은 부품을 공유해 빠르게 작업할 수 있게 해 줍니다.
디자인
Color Palette
컬러 팔레트
한 제품·브랜드에서 사용할 색의 모음으로, 주 색·보조 색·강조 색·배경 색을 체계적으로 정해 두는 디자인 토큰의 핵심 요소입니다.
디자인
A/B Test
에이비 테스트
두 가지 디자인·문구·기능을 동시에 운영하며 어느 쪽이 더 좋은 성과를 내는지 데이터로 비교하는 실험 방식으로, 1990년대 미국 IT 산업에서 시작되어 한국·미국 모든 대형 서비스의 표준 의사결정 도구입니다.
디자인
Persona
페르소나
제품·서비스의 핵심 사용자를 '실제 한 사람'처럼 구체적으로 정의한 가상의 인물상으로, 디자인·마케팅·기획팀이 '누구를 위한 결정인가'를 명확히 하기 위해 만드는 UX 리서치의 표준 도구입니다.
디자인
Prototype
프로토타입
실제 제품을 만들기 전에 디자인·기능·흐름을 미리 확인하기 위해 가볍게 만든 시제품으로, 사용자가 진짜처럼 만져 볼 수 있는 화면 시뮬레이션을 의미합니다.
디자인
Wireframe
와이어프레임
화면의 구조와 정보 배치를 단순한 선·박스로만 표현한 디자인 초기 스케치로, 색·이미지를 빼고 '어디에 무엇이 들어갈지'만 먼저 정하는 단계입니다.
디자인
Apple HIG
애플 에이치아이지
Apple Human Interface Guidelines의 약자로, 미국 Apple이 1987년부터 운영해 온 iOS·macOS·iPadOS·watchOS의 공식 디자인 가이드라인이며 전 세계 모바일 앱 디자이너가 반드시 참고하는 표준 문서입니다.
디자인
shadcn/ui
샤드시엔 유아이
미국 1인 개발자 Shadcn(샤드시엔)이 2023년 공개한 오픈소스 React 컴포넌트 라이브러리로, Tailwind CSS 기반의 검증된 부품 50여 종을 무료 제공하며 2026년 현재 1인 개발자·스타트업의 디자인 시스템 사실상 표준이 된 도구입니다.
디자인
테일윈드 CSS
Tailwind CSS
2017년 미국 개발자 Adam Wathan이 만든 CSS 프레임워크로, 'text-lg bg-blue-500'처럼 짧은 클래스 이름을 조합해 디자인을 적용하는 방식을 표준화한 현재 가장 널리 쓰이는 웹 스타일링 도구입니다.
디자인
피그마
Figma
2016년 미국 샌프란시스코에서 출시된 브라우저 기반 디자인 도구로, 여러 사람이 같은 화면을 동시에 편집할 수 있는 협업 기능 덕에 전 세계 UI·UX 디자인의 사실상 표준이 된 서비스입니다.
디자인
UI
유아이
User Interface(사용자 인터페이스)의 약자로, 앱·웹사이트에서 사람이 직접 보고 만지는 모든 부분 — 버튼·메뉴·색·글자 — 을 설계하는 디자인 분야입니다.
디자인
Webflow
웹플로우
2013년 미국 샌프란시스코에서 시작된 노코드 웹사이트 빌더로, 디자이너가 코드를 짜지 않고도 고품질 반응형 웹사이트를 만들 수 있게 해 주는 디자인 중심의 대표 노코드 도구입니다.
자동화·노코드
Framer
프레이머
2013년 네덜란드에서 시작된 디자인·노코드 사이트 도구로, Figma 같은 디자인 흐름에 사이트 게시 기능을 결합한 '디자이너가 직접 사이트를 출시할 수 있는' 도구이며 Webflow와 함께 디자이너 주도 노코드 표준 중 하나입니다.
자동화·노코드
Lovable
러버블
AI 활용 개발도구 분야에서 스웨덴 Lovable가 2024년에 공개한 한 줄 입력 풀스택 AI 빌더로, 디자인·프론트엔드·백엔드·DB 연결까지 자동 생성해 비개발자도 웹앱을 만들도록 한 서비스입니다.
AI 개발도구
v0
브이제로
AI 활용 개발도구 분야에서 Vercel이 2023년에 공개한 텍스트 기반 UI·웹앱 자동 생성 도구로, 한 줄 설명·디자인 스크린샷만 입력해도 React·Tailwind 컴포넌트와 풀스택 앱 코드를 자동으로 만들어 줍니다.
AI 개발도구
Accessibility
액세서빌리티, A11y
AI 활용 분야에서 쓰이는 용어로, 시각·청각·운동·인지 장애가 있는 사용자도 동등하게 디지털 서비스를 쓸 수 있도록 인공지능을 활용해 자막·음성·대체 텍스트를 자동 생성·보완하는 분야입니다.
디자인
Component
컴포넌트
버튼·카드·메뉴처럼 반복해서 쓰이는 화면 조각을 한 번 만들어 두고 여러 곳에서 가져다 쓰는 단위로, 2013년 미국 Meta(전 Facebook)가 React를 발표하며 현대 웹·앱 개발의 표준이 된 개념입니다.
디자인
UX
유엑스
User Experience(사용자 경험)의 약자로, 사람이 제품·서비스를 처음 만나는 순간부터 떠날 때까지 느끼는 모든 감각·감정·편의성을 설계하는 분야입니다.
디자인