Design/Figma
-
https://www.joongang.co.kr/article/25102345 어도비, 피그마 28조 인수…10년 만에 대박난 30대 청년 정체 창업 10년 만에 억만장자 대열에 오르게 됐다. www.joongang.co.kr 피그마 28조원에 어도비에 인수됐다고 하네요 ... ㅠㅠ 피그마가 어도비 자리를 위협하는 경쟁사여서 막대한 자금을 투자해서라도 인수했나 봅니다. 근데 어도비에 인수되더라도 피그마 기능 계속 업데이트 해주는거 맞겠죠? ㅜㅜ 갑자기 피그마가 포토샵이나 XD처럼 오류나면서 꺼지는거 상상하면 나는 돈다.. 기사 내용 ‘포토샵’으로 유명한 미국 소프트웨어 업체 어도비(Adobe)가 경쟁업체 피그마(Figma)를 200억 달러(약 28조원)에 인수하기로 하면서 피그마 공동 창업자인 딜런 필드..
어도비, 피그마 28조 인수…10년만에 대박난 30대 청년 정체https://www.joongang.co.kr/article/25102345 어도비, 피그마 28조 인수…10년 만에 대박난 30대 청년 정체 창업 10년 만에 억만장자 대열에 오르게 됐다. www.joongang.co.kr 피그마 28조원에 어도비에 인수됐다고 하네요 ... ㅠㅠ 피그마가 어도비 자리를 위협하는 경쟁사여서 막대한 자금을 투자해서라도 인수했나 봅니다. 근데 어도비에 인수되더라도 피그마 기능 계속 업데이트 해주는거 맞겠죠? ㅜㅜ 갑자기 피그마가 포토샵이나 XD처럼 오류나면서 꺼지는거 상상하면 나는 돈다.. 기사 내용 ‘포토샵’으로 유명한 미국 소프트웨어 업체 어도비(Adobe)가 경쟁업체 피그마(Figma)를 200억 달러(약 28조원)에 인수하기로 하면서 피그마 공동 창업자인 딜런 필드..
2022.09.20 -
가끔 fig파일로 저장하는 방법을 검색해서 들어오시는 분들이 있어서 정보 공유차 저장하는 방법을 공유합니다. file > Save As .fig.. 를 해서 내보내는 방법이 있습니다. 단축키가 없는 이유 피그마는 실시간 공동작업에 최적화 되어 있는 브라우저 기반 프로그램입니다. 모든 작업 내용은 따로 저장할 필요 없이 auto save로 자동저장 됩니다. 그리고 작업 내역에 어떤 작업자가 몇시에 작업했는지에 대한 정보가 실시간으로 계속 동기화 되고 있다보니 피그마에서는 파일내보내기가 주요기능이 아니어서 단축키를 제공하지 않는것 같습니다. 각종 보안 방법 1) 유료 계정일 경우에는 회사명의 계정으로만 접속이 가능하도록 보안이 가능합니다. 2) 팀 프로젝트 폴더를 만들어서 admin 접속권한자가 허용하지 않..
[Figma] 피그마 내보내기 . fig 확장자로 저장하기가끔 fig파일로 저장하는 방법을 검색해서 들어오시는 분들이 있어서 정보 공유차 저장하는 방법을 공유합니다. file > Save As .fig.. 를 해서 내보내는 방법이 있습니다. 단축키가 없는 이유 피그마는 실시간 공동작업에 최적화 되어 있는 브라우저 기반 프로그램입니다. 모든 작업 내용은 따로 저장할 필요 없이 auto save로 자동저장 됩니다. 그리고 작업 내역에 어떤 작업자가 몇시에 작업했는지에 대한 정보가 실시간으로 계속 동기화 되고 있다보니 피그마에서는 파일내보내기가 주요기능이 아니어서 단축키를 제공하지 않는것 같습니다. 각종 보안 방법 1) 유료 계정일 경우에는 회사명의 계정으로만 접속이 가능하도록 보안이 가능합니다. 2) 팀 프로젝트 폴더를 만들어서 admin 접속권한자가 허용하지 않..
2022.09.19 -
1. 텍스트 링크 (외부 url 을 넣는 방법입니다.) 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. create link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈도우에서는 ctrl+K) * 이걸로 file > export to pdf 로 추출하면 링크를 넣은 pdf문서도 제작할 수 있어요. 2. prototype 패널에서 링크 걸기 (프로토타이핑에서 액션 실행용) 1. 프로토타입에서 이벤트 실행하기 위해 만들어둔 오브젝트를 일단 컴포넌트로 만듭니다. 컴포넌트가 되면 보라색라인과 아이콘으로 변경된걸 확인할 수 있습니다. 2. 오른쪽 패널 두번째 탭 prototype을 누르면 interactions 에서 클릭시에 링..
[Figma] 피그마 하이퍼 링크 걸기(외부창 열기) , 프로토타입에서 클릭 이벤트 링크만들기 2가지방법1. 텍스트 링크 (외부 url 을 넣는 방법입니다.) 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. create link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈도우에서는 ctrl+K) * 이걸로 file > export to pdf 로 추출하면 링크를 넣은 pdf문서도 제작할 수 있어요. 2. prototype 패널에서 링크 걸기 (프로토타이핑에서 액션 실행용) 1. 프로토타입에서 이벤트 실행하기 위해 만들어둔 오브젝트를 일단 컴포넌트로 만듭니다. 컴포넌트가 되면 보라색라인과 아이콘으로 변경된걸 확인할 수 있습니다. 2. 오른쪽 패널 두번째 탭 prototype을 누르면 interactions 에서 클릭시에 링..
2022.09.16 -
[공지]티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 가독성이 매우 떨어져 곧 업데이트 할 예정입니다. 방문자 분들 단축키 보기가 조금 불편하시겠지만 조금만 기다려 주세요. [업데이트&오타 수정 내역 ] 더보기 2024.1.4 티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 곧 업데이트 할 예정입니다. 방문자 분들 불편하시더라도 조금만 기다려 주세요. 2023.04.27 - section을 selection으로 오기입해서 수정했습니다. - 사용 빈도수가 낮았던 단축키를 업데이트했습니다. - ETC: 실시간 대화하는 기능 단축키 추가 - Cursor: 움직이면서 실행하는 단축키 추가 2022.11.30 section 툴 추가 2022..
[Figma] 맥 유용한 Figma 단축키 (Figma shortcut)[공지]티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 가독성이 매우 떨어져 곧 업데이트 할 예정입니다. 방문자 분들 단축키 보기가 조금 불편하시겠지만 조금만 기다려 주세요. [업데이트&오타 수정 내역 ] 더보기 2024.1.4 티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 곧 업데이트 할 예정입니다. 방문자 분들 불편하시더라도 조금만 기다려 주세요. 2023.04.27 - section을 selection으로 오기입해서 수정했습니다. - 사용 빈도수가 낮았던 단축키를 업데이트했습니다. - ETC: 실시간 대화하는 기능 단축키 추가 - Cursor: 움직이면서 실행하는 단축키 추가 2022.11.30 section 툴 추가 2022..
2022.09.15 -
섬네일 만들지 않으면 맨 첫번째 프레임이 자동으로 노출되지요.. 조금더 직관적이고 빠르게 파일을 구별하려면 섬네일을 사용하는게 좋더라구요. 1. 만드는 방법 피그마에서는 섬네일 추천 사이즈 1600X960으로 얘기하는데 굳이 맞추지 않아도 되는것 같아요. 마우스 우클릭 후에 Set as thumbnail 눌러주면 끝입니다. 너무 간단해요. 2. 해제하는 방법 해제하는것도 동일하게 마우스 우클릭한 다음에 Restore default thumbnail을 누르면 됩니다. 끝... 😇
[Figma] 피그마에서 표지 만들기, thumbnail 제작하기섬네일 만들지 않으면 맨 첫번째 프레임이 자동으로 노출되지요.. 조금더 직관적이고 빠르게 파일을 구별하려면 섬네일을 사용하는게 좋더라구요. 1. 만드는 방법 피그마에서는 섬네일 추천 사이즈 1600X960으로 얘기하는데 굳이 맞추지 않아도 되는것 같아요. 마우스 우클릭 후에 Set as thumbnail 눌러주면 끝입니다. 너무 간단해요. 2. 해제하는 방법 해제하는것도 동일하게 마우스 우클릭한 다음에 Restore default thumbnail을 누르면 됩니다. 끝... 😇
2022.09.15 -
벌써 피그마 사용한지 2년 정도 흐른것 같은데 플러그인 이것저것 설치해 보다가 정착템? 으로 계속 쓰고 있는 플러그인 소개 해볼까 합니다. 플러그인 설치한건 많은데 손이 안가는 템들은 탈락시켰습니다. 1. 스타일 가이드를 제작해주는 툴 measure tools 스타일 가이드 제작용 툴 , 가볍고 단순해서 쓰기 편합니다. 외부 사용자를 위한 가이드 문서를 제작해야 되는 경우가 있는데 이미지 사이즈나 오브젝트 사이 간격을 빠르게 추출해줍니다. 2. 픽셀 퍼펙트 만들어 주는 플러그인 PixelPerfact 이거 좋은데 왜 아무도 안쓰는건가요... 이미지나 아이콘등의 파일을 불러왔을때 픽셀이 소수점으로 깨질 경우가 있죠? 이 툴을 써주면 한번에 정리가 돼요 3. 비주얼 작업시, 아이소매트릭 효과에 유용한 플러그..
[Figma] 피그마 플러그인 추천 6개벌써 피그마 사용한지 2년 정도 흐른것 같은데 플러그인 이것저것 설치해 보다가 정착템? 으로 계속 쓰고 있는 플러그인 소개 해볼까 합니다. 플러그인 설치한건 많은데 손이 안가는 템들은 탈락시켰습니다. 1. 스타일 가이드를 제작해주는 툴 measure tools 스타일 가이드 제작용 툴 , 가볍고 단순해서 쓰기 편합니다. 외부 사용자를 위한 가이드 문서를 제작해야 되는 경우가 있는데 이미지 사이즈나 오브젝트 사이 간격을 빠르게 추출해줍니다. 2. 픽셀 퍼펙트 만들어 주는 플러그인 PixelPerfact 이거 좋은데 왜 아무도 안쓰는건가요... 이미지나 아이콘등의 파일을 불러왔을때 픽셀이 소수점으로 깨질 경우가 있죠? 이 툴을 써주면 한번에 정리가 돼요 3. 비주얼 작업시, 아이소매트릭 효과에 유용한 플러그..
2022.09.07