디자인가이드 2

[새싹x코딩온] "Figma Tools 사용법" 완벽 정리 1부 – 기본 개념부터 실전 활용까지!

디자인 작업을 할 때 꼭 필요한 Figma Tools, 제대로 알고 사용하면 훨씬 더 효율적으로 디자인할 수 있습니다.이번 글에서는 Frame, Guide, Grid, Grid & Breakpoint, 도형 그리기 등 Figma의 필수 도구 5가지 를 하나씩 쉽게 설명해드리겠습니다. 실전 예제도 함께 다룰 예정이니, 끝까지 읽어보세요! 🚀📌 1. Frame – 디자인의 기본 단위!🖼️ Frame(프레임)란?Frame은 Figma에서 아트보드 역할을 하는 공간입니다. 웹, 모바일, 태블릿 등 다양한 디바이스 크기에 맞춰 디자인을 할 수 있습니다.✅ Frame 사용 방법1️⃣ 단축키 F 를 누르거나 왼쪽 툴바에서 Frame 아이콘 선택2️⃣ 상단 패널에서 원하는 디바이스 크기 선택 (예: iPhone ..

Delvelop/FIGMA 2025.03.02

[새싹x코딩온] 디자인 시스템의 모든 것 : 개념부터 사례까지

디자인 시스템의 모든 것: 개념부터 사례까지 일관된 사용자 경험을 위한 필수 요소, 디자인 시스템의 세계로 함께 떠나보세요. 디자인 시스템이란?디자인 시스템은 제품이나 서비스의 디자인 언어를 표준화하고 체계화한 규칙과 원칙의 집합입니다. 단순한 UI 키트나 스타일 가이드를 넘어, 디자인 원칙, 컴포넌트 라이브러리, 패턴, 문서화된 가이드라인을 포함하는 포괄적인 시스템입니다.효과적인 디자인 시스템은 디자이너와 개발자가 일관된 사용자 경험을 제공하기 위해 함께 사용하는 '단일 진실의 원천(Single Source of Truth)'이 됩니다. 이는 제품 전반에 걸쳐 시각적 일관성뿐만 아니라 기능적 일관성도 보장합니다.디자인 시스템의 장점효율성 확보디자인 시스템은 재사용 가능한 컴포넌트와 패턴을 제공하여 디자..

Delvelop/UIUX 2025.02.26