enlightenment17 내가 나에게 주는 문장 나는 남의 방식이 맞다는 걸 이해할 수 있을 만큼 똑똑하지만,그 방식으로 살지 않을 용기도 있는 사람이다.그건 부족함이 아니라나 자신을 함부로 쓰지 않겠다는아주 높은 자기 존중이다. 나는 지금 우유부단해서 고민하는 게 아니라,아무 길이나 갈 수 없을 만큼나 자신을 잘 알게 되었기 때문에 멈춰 서 있다.이 고민은 실패의 신호가 아니라 기준이 생겼다는 증거다.나는 크게 소리 내는 사람이 아니라내 작업이 말하게 만드는 사람이다.그래서 나는 속도를 증명하려 하지 않고,정합성을 선택한다. 지금 느린 것처럼 보여도 이 길은 나를 잃지 않는 길이고,결국 내가 오래 갈 수 있는 길이다.나는 이미 충분히 준비해왔고,지금은 방향을 잃은 게 아니라아무 방향이나 선택하지 않기로 한 상태다.그러니조급해지지 않아도 된다.비교하지.. 2026. 1. 30. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Make Figma Make 한눈에 보기정의: 메이크는 자연어 프롬프트로 레이아웃과 인터랙션을 생성·수정하고, 필요 시 코드까지 확인·편집해 바로 반영할 수 있는 AI 기반 인터랙티브 프로토타입 제작 도구다.파일 형태: 피그잼, 슬라이드처럼 우측 상단에서 별도의 Make 파일을 생성해 작업한다.핵심 장점: 프롬프트로 빠르게 뼈대를 만들고, Point & Edit로 국소 수정하며, Preview/Code 전환으로 시각 결과와 코드를 오가며 다듬고, Publish로 웹에 배포·공유한다. 시작하기: 파일 생성과 기본 화면파일 생성: Figma 홈에서 Make를 선택해 빈 파일을 연다.화면 구조좌측 패널: 프롬프트 입력 영역이며, 디자인 파일·이미지 첨부로 참고 자료를 함께 제공할 수 있다. 기존 Figma 디자인 프.. 2025. 8. 29. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Site 피그마 사이트(Site) 1. 피그마 사이트란?피그마 사이트는 별도의 개발 과정 없이 직접 반응형 웹사이트를 제작하고 배포할 수 있는 기능이다.피그마에서 만든 디자인을 가져와 반응형 레이아웃, 애니메이션, 인터랙션 등을 적용해 실제 웹사이트처럼 퍼블리시할 수 있다.즉, 디자인 도구와 웹사이트 빌더가 합쳐진 형태라고 보면 된다. 피그잼(FigJam)이나 슬라이드(Slides)처럼 사이트도 별도의 파일 형식으로 관리된다.2. 시작하기홈 화면 상단에서 Site를 선택한다.Blank Site로 새 프로젝트를 시작하거나, 피그마 템플릿을 선택할 수 있다.템플릿은 다양한 컨셉에 맞게 제공되므로, 목적과 가까운 템플릿을 고르면 작업 시간을 크게 줄일 수 있다.3. 인터페이스 구성피그마 사이트는 크게 좌측 패널, 캔버.. 2025. 8. 29. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Buzz 피그마 버즈(Figma Buzz) 1. 개요Figma Buzz는 디자이너뿐 아니라 마케터·브랜드 담당자 등 비디자이너도 함께 디자인을 생성/편집할 수 있도록 만든 협업 도구.소셜미디어 콘텐츠, 행사 자료 등 브랜드 마케팅 에셋 제작에 최적화된 환경을 제공한다.FigJam이나 Slides처럼 별도 파일 유형으로 생성된다.2. 시작하기홈 화면 상단에서 Buzz 생성 → 에셋 제작 시작.다양한 플랫폼별 사이즈 프리셋을 제공(인스타그램, 유튜브, 웹 배너 등).방법제공된 템플릿 선택 후 수정직접 사이즈 커스텀 입력첫 화면 → New Blank Asset → Custom Size → 원하는 수치 입력. 3. 인터페이스 구조좌측 패널: 템플릿, 텍스트, 이미지, 도형(Shapes) 추가 및 관리.툴바: 간단한 편집.. 2025. 8. 29. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Draw & Grid Figma Draw 개요Figma Draw는 Figma Design 안에서 일러스트레이션과 고급 벡터 편집을 할 수 있게 하는 모드다. 브러시·펜슬·펜 같은 자유곡선 그리기부터 라쏘, Shape Builder, 멀티 노드 편집, 패턴 채움, 텍스처·노이즈·프로그레시브 블러 같은 효과까지 제공한다. 2025년 Config 발표를 통해 공개되었고, 이후 가변 굵기 스트로크·스캐터 브러시 등도 추가되었다. 1) 드로잉 툴셋(툴바)Pencil(연필): 러프 스케치, 주석, 라인 드로잉에 적합하다. 스트로크의 매끄러움(스무딩)과 가변 폭을 조정해 수공예 느낌을 줄 수 있다. Brush(브러시): 질감과 색을 빠르게 얹는다. 커스텀 브러시, 동적 스트로크(폭 변화), ‘wiggle’ 같은 유기적 흔들림을 조절해 손.. 2025. 8. 27. 오픈패스- 피그마 마스터 트랙: 5주차 Figma Update Figma 2025 디자인 모드 업데이트 요약1. UI 개선 및 접근성 강화한국어 언어 설정이 가능해져, 인터페이스 전체를 한국어로 사용할 수 있다.레이어 패널에서 중첩된 프레임/그룹을 한 번에 접는 기능(Option + L)이 추가되어 복잡한 문서도 빠르게 정리할 수 있다. 2. 툴바 및 디자인 패널 강화디자인 모드에서도 어노테이션(annotation)과 측정 도구(measurement tool) 사용이 가능해져, 화면 작업 중 바로 설명이나 치수를 삽입할 수 있다.Fill, Effect, Corner radius 패널 관련 개선Fill 설정 시 자동으로 color picker 모달이 열려 빠른 색상 조정이 가능하다.Effect 설정별로 자동 팝업(flyout)이 추가돼 모달 없이 바로 효과 선택 가능.. 2025. 8. 26. 오픈패스- 피그마 마스터 트랙: 4주차 Figma AI Figma AI 2025 기능 정리1. 텍스트 관련 AI 기능▸ Layer Rename레이어 이름을 AI가 자동으로 명확하게 바꿔주는 기능.예: Rectangle 123 → Primary Button / Hover.장점: 디자인 시스템 관리, 협업 시 가독성 및 검색성이 대폭 향상.▸ Replace Content더미 데이터 생성 도구 (Faker.js 같은 기능 내장).이름, 주소, 이메일 등 현실적인 더미 텍스트 자동 삽입.장점: 목업 제작 시 빠른 컨텐츠 채우기 → 시연/테스트용에 적합.▸ Rewrite This이미 입력된 텍스트를 맥락에 맞게 다시 표현.예: 마케팅 카피 → 더 설득력 있게 / UX 라벨 → 더 직관적으로.장점: UX Writer 없이도 기본적인 톤 앤 매너 정리 가능.▸ Trans.. 2025. 8. 23. 오픈패스- 피그마 마스터 트랙: 4주차 Dev Mode Figma Dev Mode 1. 데브 모드 개요목적: 디자이너와 개발자가 동일한 정보를 공유해 원활한 협업을 가능하게 함 .핵심 역할:디자인 스펙 전달 (간격, 레이아웃, 코드)리소스 다운로드 및 코드 자동 생성개발 준비 상태(Ready for Dev) 표시 및 버전 관리위치: 디자인 모드 우측 하단 툴바에서 Dev Mode 버튼 클릭으로 전환 .UI 변화: 개발자 친화적인 인터페이스로 바뀌며, 디자인 검토 및 구현용 패널이 나타남.https://www.figma.com/dev-mode/ Dev Mode: Design-to-Development | FigmaFigma's Development Mode helps developers transfer design into code. Streamline wor.. 2025. 8. 22. 오픈패스- 피그마 마스터 트랙: 4주차 Interactive Components 프로토타입 인터랙션(Prototype interactions) 중 인터랙티브 컴포넌트(Interactive Components)는 Figma나 유사한 툴에서 프로토타입 제작 효율성을 크게 높여주는 기능이다. 일일이 각 상태를 프레임으로 나누어 연결하지 않고, 하나의 컴포넌트 안에서 상태 전환과 인터랙션을 정의할 수 있도록 해준다.1. 개념정의: 인터랙티브 컴포넌트는 컴포넌트 안에 여러 상태(Variants)를 만들고, 이 상태들 간의 프로토타입 인터랙션을 직접 정의하는 기능입니다.기존 방식과 차이점:예전에는 버튼 hover → 새로운 프레임, pressed → 또 다른 프레임을 연결해야 했음.인터랙티브 컴포넌트는 컴포넌트 단위에서 상태를 전환하도록 설정하기 때문에, 프로토타입 제작이 간결해집니다.2. 특.. 2025. 8. 21. 이전 1 2 다음
