multiking

Shape toolsShapes make up the majority of your layers in any given design. Use the following shape tools as your building blocks:RectangleLineArrowEllipsePolygonStar Rectangle 사각형You can access these tools from the Shape tools menu in the toolbar. Click the arrow next to the  Rectangle to open the menu.선택하세요 도구 모음에서 사각형R 도구를 선택하거나, 를 누르세요 .완벽한 정사각형, 원, 다각형을 만들려면 드래그할 때 길게 누르세요 Shift.Option/ 키를 누..

프레임은 피그마(Figma)에서 디자인의 기초가 되는 컨테이너 역할을 수행하며, 특정 기기나 화면 크기에 맞춘 디자인을 만들 때 매우 유용한 도구이다. 이전 디자인 도구의 **아트보드(Artboard)**와 유사하지만, 프레임은 더 유연하고 강력한 기능을 제공한다.프레임을 사용하면 레이아웃 그리드 , 자동 레이아웃 , 제약 조건 및 프로토타입 제작 과 같은 추가 기능에 액세스할 수도 있습니다 .1. 프레임의 기본 개념기기별 디자인 설정: 프레임은 특정 기기나 화면 크기에 맞는 컨테이너를 만들어 디자인을 구성할 수 있다. 예를 들어, 스마트폰, 태블릿, 데스크탑 등의 다양한 해상도에 맞춘 레이아웃을 각 프레임으로 구분해 디자인할 수 있다.아트보드와 유사한 개념: 아트보드를 사용해 본 적이 있다면 프레임이 ..

학습목표:- figma UI3의 새로운 인터페이스를 학습 해 본다.무엇이 바뀌었나요?New Design:크기 조절이 가능하고 접을 수 있는 패널을 통해 인터페이스를 보다 효과적으로 제어할 수 있습니다.캔버스에서의 작업에 더 많은 강조점을 부여합니다.배치, 그룹화 및 다양한 상황에 적응하는 방식을 개선하여 기능을 보다 직관적으로 만듭니다.Figma Design, FigJam, Dev Mode 및 Figma Slides 간 전환을 더 쉽게 만들어 다른 제품과의 일관성을 추가합니다.캔버스 왼쪽에 있는 탐색 패널을 재구성하여 파일에 대한 모든 정보를 보관하고 사용하기 쉽게 만들었습니다.UI 최소화캔버스에 조금 더 많은 공간이 필요한 경우 이제 탐색 패널에서 UI를 최소화할 수 있습니다. 클릭 UI를 최소화하여 ..

•Carousel(캐러셀)-슬라이트 형태로 넘기는 UI •하단의 현재 이미지 위치를 표시하는 점을 indicater 또는 navigator라고 함. •이미지를 드래그 할수있고, 인디케이터를 클릭 해도 넘어감. •변화를 알기 쉽게 하기 위해 이미지가 변화면 배경색이 달라지도록 구현

오토 레이아웃 사용하기 오토 레이아웃 기능은 Figma에서 디자인 요소들을 유연하게 정렬하고 조정하는 데 도움을 줍니다. 기본적인 단계들은 다음과 같습니다: 요소 선택: 먼저 오토 레이아웃을 적용하고 싶은 요소(프레임, 그룹, 컴포넌트 등)를 선택합니다. 오토 레이아웃 적용: 선택한 요소에 우클릭을 하거나 상단 메뉴에서 '오토 레이아웃 추가'를 선택합니다. 이를 통해 요소에 오토 레이아웃이 적용됩니다. 정렬 및 간격 조정: 오토 레이아웃이 적용된 요소는 속성 패널에서 정렬과 간격을 조정할 수 있습니다. 수직 또는 수평 정렬을 선택하고, 요소 간 간격을 설정할 수 있습니다. 사이즈 조정: 요소의 크기를 조정하여 내용에 맞게 자동으로 크기가 조절되도록 설정할 수 있습니다. 예를 들어, 텍스트가 추가되면 자동..

기본은 ctrl + / 찾아보자 1. File & Properties Ctrl+Shift+E 출력(저장) Export Ctrl+Alt+S 히스토리 저장 Save to Version History Ctrl+Shift+K 이미지 삽입 Place Image 2. Edit Ctrl+C 복사 Copy Ctrl+X 잘라내기 Cut Ctrl+V 붙여넣기 Paste Ctrl+Shift+V 선택 위에 붙여넣기 Paste Over Selection Alt+drag 중심점 중심으로 사이즈 조절 Resize from Center Alt+drag 선택 복사 Duplicate Selection Ctrl+Alt+C 속성 복사 Copy Properties Ctrl+Alt+V 속성 붙여넣기 Paste Properties 3. Sele..

https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com 피그마의 장점 일단 초기 작업 시 필요한 것은 FREE다! 라이브러리 기능이 막강 실시간 클라우드 자동저장 (Ctrl + S 가 없음) 버전별 배표 - 실시간 저장이 가능함으로 시점 별 저장을 통해서 버전별 배포 가능 작업의 공유 - 디자이너별 권한별 공유 작업이 가능함, 타 프로그램 스케치와 호환 (단축키도 유사) 브라우저, 맥, 윈도우, 리눅스에서도 됨 실시가간 크라인트와의..