웹 디자인을 하기 위해선 필수가 아닌 기본이라고 할 수 있는 figma
이회사 입사할때까지만 해도 아직 잘 쓰지 않은 아이였지만.. 세상에.. 점점 좋아지더니
지금은 필수..옆동네 XD도 사라지는 마당에.. 제발 무료는 그대로 있게 해주세요..
현재까지 피그마로 작업한 프로젝트를 15개이상..
어느정도 작업을 하다보니 자주쓰는 플러그인을 추천하려고 한다.
저번에는 협업 개발자에게 알려주면 좋은 플러그인이지만
오늘은 작업시 쓰기 좋은 것으로 나를 위한 플러그인이다 ㅎㅎ🎉
1.Ghost🎈
로딩중일때 주로 쓰며
스피너나 로더 같은 ui를 사용하거나, 예상할 수 있도록 사용한다.
만드는게 어려운건 아니지만 플러그인으로 업무질을 높여줄 수 있다.
플러그인 한방으로 생기는 로딩 ui 진짜 잘썻다 물런 저거 하나만 있는건 아님
2. Random layout generator🎈
무한한 레이아웃을 무작위로 생성하는 플러그인
그냥 레이아웃 아이디어 참고용으로 사용하기 좋아서 올린다.
완전 꿀팁은 아니지만 한번씩 생각없이 보다가 좋은 배치가 나올 수 있기에 꿀팁에 넣었다 ㅎㅎ
억지 같아 보이지만 진짜 생각보다 유용하게 쓸 수 있다.
3. Figit - A massive library of UI Elements🎈
천개 이상의 UI 레이아웃으로 시간을 절약할 수 있는 플러그인
참고용으로 유용하다.. 솔직히 나는 관공사 플랫폼 개발이라 일반, 쇼핑몰 페이지 만들데 좀 더 활용도가 높을 것 같다!
이용권 있지만 솔직히 잘 안된다는 말이 많아 그냥 참고용으로 종종 썼다. *진짜 혹시나.. 사지말자
정리하면서 다시보니 2년정도 업뎃은 멈춘듯..
레이아웃 및 배치에 많인 도움이 되었기에 꿀팁에 넣어본다!
4. iconify🎈
많은 아이콘이 다양하게 있어서 많이 사용 햇다.
라이브버리랑 유료 플랫폼 이용하면서 점점 안쓰지만 한번씩 들어가서 볼때가 있다.
단점이 존재하는데.. stroke 조절이 되는지 안되는지 눌러봐야 알아서.. 한번씩 빡쳐서 그냥 내가 만든다.. ㅎㅎ < 혹시 보는법 아시는분..?
5. Unsplash🎈.
이건 진짜 이쁜 그림이 많아 억지로(시안용으로)라도 한번씩 쓰는데
우리회사 특성상 공기업이( 공장사진.. 기계사진.. , 등) 많아 이미지는 유료 다운 플랫폼을 이용한다.
하지만 한번씩 일반적인 페이지도 존재할때 시안용으로 한번씩 쓴다. < 너무 좋당.
사진 구도나 색감이 너무 예뻐서 색추출용으로 사용도 한다.
6.Design Lint🎈
반복된 작업과 수정을 하다보면 생각보다 많은 컴포넌트가 해제되고 순서가 틀어지는 경우가 많다.
프레임 내 누락된 스타일을 찾아주는 플러그인 이 아이를 쓰면 누락된 아이를 한번에 정리 할 수 있지만 동일하다는 조건에서 좋다!
그렇기 위해선 컴포넌트 정리는 필수!
천천히하면 필요없지만 상황에 따라 급한 경우 던진 정리용으로 최고다.
7.Outline
디자인을 하다보면 자체적으로 간격을 확인 할 수있지만 그래도 하나하나 클릭하지 않아도 되기에 대부분 틀 완성하고 마무리, 전체 레이아웃 할때 종종 쓴다
수정을 하다보면 넣었다 빼면서 전체적인 패딩 마진이 달라질 때 있긴하다.. 진짜 정신없이 수정을 하다보면....
그럴때 너무 좋다 색별로 구분 되지만 솔직히 그냥 큰 간격만 하면 되기에 괜찮은것 같다 ㅎㅎ
삭제는 좀 귀찮긴 하다...ㅎㅎ
8.A11y - Color Contrast Checker
WCAG(웹 콘텐츠 접근성 지침) 표준을 준수하여 사용자가 텍스트를 읽을 수 있도록 도와주는 플러그인
처음 컬러값 잡을 때 쓰기 좋으면 확실하게는 사이트를 통해 확인해보자
다양한 작업을 하다보면 조금더 편하게 할 수 없을까 하는 생각으로 6개월에 한번씩은 피그마 플러그인 검색을 해보는거 같다.
신입에 쓰면 좋을까 싶어 놔둿던 플러그인도 일단 같이 올려보겠다!
99.그외
