검색 본문
namu.wiki 피그마(프로그램) - 나무위키 피그마는 웹 기반 UI/UX 디자인 및 프로토타이핑, 협업툴이다. 개발 Figma, Inc. 출시 2016년 9월 27일 창업자 딜런 필드, 에반 월러스 용도 UI/UX 디자인 프로토타이핑 툴, 협업툴 운영체제 Windows, macOS, 리눅스, 크롬 OS 개요 특징 역사 여담 2024.05.05 웹문서 검색 더보기 피그마(피규어) - 나무위키 피그마 튜터 - 나무위키 100.daum.net 백과사전 피그마 (소프트웨어) 소프트웨어 정보 피그마(Figma)는 macOS 및 윈도우용 데스크톱 애플리케이션들에 의해 활성화되는 추가 오프라인 기능들을 갖춘 인터페이스 디자인을 위한 협업 웹 애플리케이션이다. 피그마의 기능 집합은 사용자 인터페이스와 사용자 경험 디자인에 초점... 백과사전 검색 더보기 출처: 위키백과
bbs.ruliweb.com news read 승리의 여신:니케, ‘앨리스’ 피그마로 등장 본문] 미소녀 건슈팅 액션 게임 '승리의 여신:니케'(이하 '니케')의 망상가 '앨리스'가 액션 피규어 '피그마'(figma)를 만났다. 26일, 굿스마일 컴퍼니는 'figma 628 앨리스 / 승리의 여신: 니케'의 예약 판매를... 2024.04.26 전체보기 젤다의 전설 티어스 오브 더 킹덤, 주인공 ‘링크’가 피그마(figma)로 [일본] [맥스팩토리] 피그마 승리의 여신: 니케 - 앨리스 소개 gall.dcinside.com board toy 아루 넨도 잘팔리면 피그마도 나옴 반드시 그런건 아니지만 신규 토이화하는 캐릭터는 넨도 판매량 보고 피그마 나오는 케이스가 많았음 이제 몰루도 피그마 나오고 있는데 혹시 아냐 아루 넨도 잘팔리멵피그마도 나올지.. 물론 난 넨도는 안사고... 2024.05.02 전체보기 리뷰,스압) 피그마 고블린 슬레이어 토갤 맨 처음에 했을 때한게 유동으로 피그마 나눔한거였는데 drakon.tistory.com Kwangkki 피그마 variables 활용 및 토큰화 하기 11 작년에 피그마 디자인 시스템을 토큰화한 후 자바스크립트로 옮기는 방법을 포스팅했었다. 하지만 그동안 피그마도 많은 업데이트가 있었고 새로운 기능이 출시되며 포스팅했던 과정대로 되지 않을 것이다. 오늘은 그것을 대체할 수 있는 방법과 피그마의 local varialbles 기능으로 이것저것 테스트해 본 것을 글로... Variables 변수 피그마 토큰화 디자인시스템 2024.04.27 블로그 검색 더보기 9one.tistory.com TTT [Figma] 피그마 배리어블 꼭 써야 하나요? 1. 디자이너에게 Figma Variable 기능이 필요한 이유 추상적인 시각적 아름다움을 구체적으로 수치화하는 과정 디자인 ➡️ 개발 과정에서 생기는 변화와 반영 오류를 최소화할 수 있음 단계별로 참조하는 구조이기 때문에 수정이 용이함 초기값 하나만 변경하면 초기값이 적용된 모든 대상들에게 변경사항을 일괄 적용할 수 있음 구조적인 사용방식을 통해 커뮤니케이션에 용이함 개발자가 의미를 추론하기 용이함 정해진 토큰 규칙에 맞춰 사용하기 때문에 디자이너가 어떤 속성을 써야할지 고민할 시간 자체를 줄여줌 특히 figma의 Color Scoping을 통해 원하는 속성에만 특정 Variable을... 2. Design Token의 이해 피그마의 배리어블을 잘 활용하기 위해선, 결국 디자인 토큰 개념과 정의에 대한 이해가 필요한데, 이 내용은 이미 정리가 너무 잘 되어 있는 글들이 많기도 하고 저는 what보단 why를 선호하는 편이라, 그래서 왜 써야 하는데? 에 집중해서 글을 작성할 예정입니다. 자세히 알고 싶은 분들을 위해 잘 설명되어 있는 링크도 같이 첨부할게요! https://specifyapp.com/guides/design-data-platforms-101/04-design-tokens-and-assets 디자인 토큰은 쉽게 보자면 하나의 디자인 요소( 3. 저는 특히 이런 점이 좋았어요. 디자인 토큰이나 디자인 시스템은 결국 구성원들이 함께 정의한 규칙들의 집합라고 생각합니다. 그래서 무엇이 정답이라고 말하기 참 애매한데요, 뛰어난 외부 레퍼런스도 우리 회사의 컨텍스트와 스코프, 스테이지에 맞지 않을 수 있기 때문이죠.그럼에도 불구하고, 따봉 몇 개 더 받기 위해 제가 개인적으로 좋다고 생각하는 정의와 활용 방식을 공유드려요.디자인 토큰은 참조(Reference)가 전제되어 있기 때문에, 구조적으로 네이밍 규칙을 정하는 게 중요한데요, 저는 adobe spectrum의 토큰 계층을 참고해서 규칙을 정의... 4. 이렇게 만든 배리어블 어떻게 사용하는 게 좋을까요? 사실 배리어블을 쓴다고 디자인 퀄리티가 비약적으로 높아지는 것도 아니고, 저도 실제로 많은 프로덕트에 적용을 해본 적도 없어서 사실 이 부분은 오히려 제가 묻고 싶은 부분이긴 해요.다만 제가 개인적으로 좋다고 생각한 점은, 같은 semantic level이라도 적용되는 컴포넌트나 오브젝트의 속성에 따라 위계를 조정하기 수월하다는 점인데요, semantic level 배리어블 예시 같은 primary라도 text에서 primary와 fill의 primary의 색상과 의미가 다를 수 있는데도 불구하고, 기존에는 brand color 7 피그마의 배리어블을 잘 활용하기 위해선, 결국 디자인 토큰 개념과 정의에 대한 이해가 필요한데, 이 내용은 이미 정리가 너무 잘 되어 있는 글들이 많기도 하고 저는 what보단 why를 선호하는 편이라, 그래서 왜 써야 하는데? 에 집중해서 글을 작성할 예정입니다. 자세히 알고 싶은 분들을 위해 잘 설명되어 있는 링크도 같이 첨부할게요! https://specifyapp.com/guides/design-data-platforms-101/04-design-tokens-and-assets 디자인 토큰은 쉽게 보자면 하나의 디자인 요소( 디자인 디자이너 variable figma 피그마 UX/UI 배리어블 2024.04.15 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 지성민 커리어 분야 크리에이터 글래스모피즘 아이콘 피그마로 쉽게 제작해 보기(2) 첫째. 크기가 더 큰 형태를 유리로 사용 작은 유리틀 뒤에 큰 형태를 보는 것보다 큰 유리 뒤에 작은 형태를 위치하는 것이 시각적으로 느껴지는 효과가 더 컸습니다. 아래 이미지를 참조해 주세요. 오른쪽이 지향점 두 번째, 코너의 라운드 적용 유리의 모서리가 날카로운 경우보다는 라운드 값이 있는 경우 마찬가지로 시각적으로 느껴지는 효과가 컸습니다. 또한 심리적으로 날카로운 유리는 시각적인 불편함을 동반하게 됩니다. 오른쪽이 지향점 위의 두 가지 사항을 다시 한번 상기하시길 바라며 라이브러리를 이용한 제작과정에 대해 설명드리겠습니다. 따라 해 보실까요? Step 01. 피그마에 프레임을 만들고 원하는 도형 2개를 그려줍니다. Step 02. 두 도형에 라이브러리에 등록된 컬러스타일 중 하나를 각각 적용해 줍니다. 저는 "Gradation_Face_Red"와 "Gradation_Face_Pink"를 적용하였습니다. Step 03. 두 도형에 Stroke값을 5로 적용하여 줍니다. (두께는 도형의 크기에 따라 자율) Step 04. Stroke에 라이브러리의 컬러스타일 "Stroke"를 적용해 줍니다. Step 05. 두 도형을 겹쳐줍니다. Step 06. 앞쪽에 있는(고도가 더 높은) 도형에 Effects > Background Blur(수치값 자율) Effects > Drop Shadow(수치값 자율, 그림자는 보일 듯 말듯하게 적용) 를 적용합니다. 위의 1번부터 6번까지의 과정을 따라 하시면 피그마로 글래스모피즘 아이콘을 쉽게 만드실 수 있습니다. 위와 같은 과정을 통해 제작된 아이콘들을 한번 보도록 할까요? 마이 페이지 찜하기 검색 파일 페이퍼, 서류 챗, 메신저 지도 시간, 타임 필터 마우스 앨범 - 아이폰 앱스토어 아이스 바 다시 피그마 다운로드 링크입니다. https:/ 22 피그마에 프레임을 만들고 원하는 도형 2개를 그려줍니다. 아이콘 다운로드 UI디자인 2024.04.07 브런치스토리 검색 더보기 tensdiary.tistory.com 나디아 성장 일기 피그마(Figma) 훑어보기 🔺 단축키 하나의 frame 보기: N 뒤로 돌아가기: shift + N 도구창 없애기: ctrl + \ 다중 선택: shift + 마우스 선택 이름 일괄 변경: ctrl + R 인덱스 부여: $n/$nn 순서 변경: 대괄호{} 순서 자율 변경: ctrl + 대괄호 그룹화: 범위 선택 + ctrl + G 요소 포커스 잡기: ctrl + 마우스 클릭 복사하기: alt + 드래그 명령어 팔레트(command pallete) : ctrl + P 🔺 component : 재사용하기 위해 만드는 컨텐츠 component는 디자인에 사용하면 안된다 ❌디자인이 아닌 재료로 남겨둬야 한다.component를 수정하면 모든 instance가 일괄 수정되기 때문component 페이지(pages)를 따로 만들고 그곳에 component를 저장(복붙)해두는 식으로 관리 🔺 instance : 컴포넌트를 재사용해서 만든 것 🔺 component 등록하기 1. 대상 선택 + shift + A 2. 마름모 꼴 선택 component로 등록되면 보라색으로 변함 등록 후 Assets 패널에서 끌어서 추가할 수 있음 🔺 component 사용 순서 1. component 등록 2. component 따로 저장 3. instance 사용 🔺 component와 instance 확인하기 🔺 해당 instance의 메인 component로 가기 🔺 아웃라인 확인: ctrl + shift + O 재사용된 UI 확인 가능 🔺 파일 전달 시 outline stroke 해야 함 🔺 도형 합치기 1. 🔺 Variants : 컴포넌트들을 관리하는 것 🔺 component set : 컴포넌트들을 묶어서 한 번에 관리하는 것 개별 component를 만든 후 component set으로 컴바인(combine) component 생성 후 component set으로 컴바인(combine) 🔺 상태 관리 가능 🔺 오토 레이아웃 프레임 만들기: shift + A fram의 상위 버전 => autoLayout * 해제하는 법: 마우스 오른쪽 👉 Ungroup 14 하나의 frame 보기: N 뒤로 돌아가기: shift + N 도구창 없애기: ctrl + \ 다중 선택: shift + 마우스 선택 이름 일괄 변경: ctrl + R 인덱스 부여: $n/$nn 순서 변경: 대괄호{} 순서 자율 변경: ctrl + 대괄호 그룹화: 범위 선택 + ctrl + G 요소 포커스 잡기: ctrl + 마우스 클릭 복사하기: alt + 드래그 명령어 팔레트(command pallete) : ctrl + P 2024.05.01 티스토리 검색 더보기 story.kakao.com 관악구청 관악구청 - 카카오스토리 iOS 프로그래밍 실무 : SWIFT, UIKit, SwiftUI, DataBase, Apple Watch용 앱 개발, 파이썬, Django, 피그마 - AI 서비스 실무 : AI기술개론, 파이썬 머신러닝 라이브러리, Azure AI 서비스 활용 - 클라우드 기술... 2023.05.10 카카오스토리 검색 더보기 커리어 크리에이터 보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 UX/UI 디자이너를 위한 실무 피그마 저자 클레어 정 출간 2021.11.1. 도서 21,600원 e북 19,200원 디자인 시스템 실무 with 피그마 저자 이영주 출간 2024.2.9. 도서 26,000원 e북 23,400원 UX/UI 디자이너를 위한 실무 피그마 저자 클레어 정 출간 2022.11.1. 도서 23,400원 e북 18,720원 Do it! 프로덕트 디자인 입문 with 피그마 저자 이상효 출간 2023.1.13. 도서 19,800원 e북 15,000원 Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마 저자 이상효 출간 2023.12.11. 도서 19,800원 e북 13,500원 피그마로 시작하는 UI 디자인 저자 하이서 출간 2023.5.10. 도서 22,500원 e북 15,750원 실전 피그마 저자 김범용 출간 2023.11.20. 도서 23,400원 e북 18,720원 웹 디자인 & 웹 퍼블리싱을 위한 피그마 완벽 활용서 저자 김동주 출간 2021.7.19. 도서 36,900원 e북 29,520원 현장 밀착, 피그마로 협업하기 저자 루미블루 출간 2024.1.19. 도서 21,600원 e북 17,280원 처음 만나는 피그마 저자 송아미 출간 2020.12.18. 도서 21,600원 e북 17,280원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
친절한 지식충전소! orangeyoung-37.tistory.com/ 신청자 작성 티스토리 정보팁 공유. 세무회계, 엑셀, 한글, 파워포인트, 포토샵, 일러스트레이터, 피그마, 네이버, 카카오, 노션, 구글, 금융, 부동산, 기타, 식당. 피규어박스 figurebox.co.kr 신청자 작성 피규어쇼핑몰. 경기도 고양시 일산서구 중앙로 1443 가람그린상가 3층 306호. 원피스,드래곤볼,아이언맨,넨도로이드,피그마,미소녀피규어.온/오프라인 매장. 전화고객센터: 070-8227-6013 장소 이루지프 blog.naver.com/sshin369 신청자 작성 네이버 블로그 알짜배기 피규어 리뷰의 정석. 전지역. 미소녀, 핫토이, 넨도로이드, 피그마, 스케일, 스태츄, 18인치, 12인치, 6인치 등 모든 피규어. 사이트 더보기