피그마슬라이드저장하기

slide 좌측상단 메인메뉴 클릭 막히면 — AI 코치에게 묻기 이 문서에서 익힌 피그마 슬라이드 파일 저장하기(메인 메뉴에서 내보내기·저장)를 내 작업에 적용하다 막히면, 아래를 대화형 AI(ChatGPT·Claude·Gemini)에 붙여 넣어 실습 코치로 삼는다. 답을 한꺼번에 받지 말고 한 단계씩 풀어 간다. 너는 피그마 슬라이드 저장 실습 코치다. 나는 슬라이드 좌측 상단 메인 메뉴에서 파일을 저장·내보내는 법을 배웠고, 내 … 더 읽기

Figma UI 스타일 가이드

1. UI 스타일 가이드를 만들 때 꼭 지켜야 할 것 스타일 가이드는 팀이 함께 보는 약속표와 같다. 색·글씨·간격을 한 곳에 정해 두면, 화면이 몇 장으로 늘어도 모두 같은 기준으로 만든다. 한 곳에만 정해 두고 모두 그곳에서 꺼내 쓴다. 화면마다 다시 정하지 않는다. 직접 칠하지 말고 스타일로 등록해 쓴다. 원본 하나만 고치면 그 스타일을 쓴 곳이 … 더 읽기

피그마 컴포넌트 프로퍼티

1. 컴포넌트 프로퍼티 피그마의 컴포넌트 프로퍼티(Component Properties)는 컴포넌트 내부의 요소를 일일이 수정하지 않고도, 인스턴스 패널에서 속성값을 변경해 디자인을 효율적으로 관리하는 기능이다. [완료파일)] 2. 종류 프로퍼티 설명 활용 예시 Boolean 레이어의 표시 여부를 True/False로 제어 아이콘 표시/숨김, 버튼 라벨 표시 여부 Text 인스턴스 내 텍스트 내용을 직접 수정 버튼 문구, 입력 필드 플레이스홀더 Instance Swap 컴포넌트 … 더 읽기

피그마 디자인 토큰

1. 디자인 토큰 1.1 이런 경험이 있는가? 디자인 작업을 하다 보면 이런 상황이 자주 생긴다. 개발자: "버튼 색이 피그마랑 다른데요?" 디자이너: "아, 제가 쓴 파란색이 #2563EB인데 혹시 #1D4ED8 쓰셨나요?" 개발자: "… 비슷해 보여서 그냥 썼어요." 또는 이런 상황도 있다. 디자이너: "브랜드 컬러가 바뀌었어요. 파란색 → 보라색으로요." 개발자: "피그마에 파란색이 쓰인 곳이 87군데네요. 다 찾아서 바꿔야 … 더 읽기

피그마란

피그마란? 피그마(Figma)는 클라우드 기반의 디자인 툴입니다. 협업 기능이 강화되어 있어 디자이너, 개발자, 프로젝트 매니저 등의 팀원들과 함께 작업할 때 효율적으로 작업을 진행할 수 있습니다. 또한, 디자인 시안을 실제 앱과 같은 환경에서 테스트할 수 있는 프로토타이핑(prototyping) 기능도 제공합니다. 공식사이트 피그마 공식사이트 프로토타입 툴 비교 프로그램 운영체제 설치 방식 XD win, mac 설치형 Sketch mac 설치형 Figma … 더 읽기