[Figma] 큰 피그마 업데이트! feat. 오토레이아웃, 다크모드, 개발자모드

피그마가 업데이트하는일은 사실 놀라운일이 아니다. 

전에 정신을 놓고 있다가보니 피그마에 다양한 잔 기능들이 늘어나 있었고

처음에는 그런 잔기능들 없어도 굵직한것들만 쓰면 되는거 아니야? 

라고 했었으나..

 

Variant 진짜 엄청 쓴다..

너무 유용하다..(사스가 피그마..)

 

오늘 상쾌하게 회사를 와서 피그마를 여니 업데이트가 있다는 팝업이 떴고, 

평소같으면 그냥 닫아버리기도 하지만 하늘도 예쁘고 상쾌하기에 넥스트를 누르니

그냥 이말이 자동으로 나오더라 

 

어 너무 유용한거 아니야?

 

네가지 업데이트가 있었으나 

바로 써먹을만한건 2가지이고 

나머지 두가지는 좀 더 스터디를 하던 머리를 조아려야할것같아 패스하고

2가지를 집중적으로 설명해보려한다.

 

진짜 너무 유용하겠네

 

 

 

1. 오토레이아웃 자동 줄바꿈

이거 진짜 자주쓴다. 별 기능같아보이진 않지만 

저거 다 수작업으로 하는 내용이다. 

우왕..

 

그냥 사용하기위한 UX 플로우는 안배워도 될정도로 간단하지만..

들어가보니 다양한 기능들이 정리되어있어 구경하는것도 좋을듯

https://www.figma.com/file/8xE3ZTY3G0h2uzUyi6U7I1/Figma-auto-layout-playground-(Community)?type=design&node-id=1620%3A1097&mode=design&t=BR059pKo7YE5R8FO-1 

Figma

반응형

 

2. 다크모드

이전 사이드로 어떤 스타트업에서 1인 디자이너로 일하는 친구가 다크모드 어떻게 하냐고 물어봤었고,

나는 그냥 내가 색상 지정해서 다시 만들어야하는줄 알았었는데 

플러그인을 사용하기도한다 라는 수소문을 듣고 나한테 물어봤었다. 

나도 도움을 주기위해 외국 유튜버의 강의를 들으며 테스트를 하고 사용방법을 가르쳐준적이 있었다. 

다크모드로 쉽게 전환하려면 색 지정 만해서 돌리면 되는것이 아니라 키? 를 받아서 무슨 사이트에 입력하고 연동시키고 

이러한 복잡한 과정이 있는데

아직 써보진 않았지만 많이 간소화되었을것같다. 

 

사실 이번에 디자인중인 소프트웨어에 다크모드를 넣을 예정인데

그때 활용하면 좋을것같다 (야호~)

 

자세한 설명이 담긴 페이지..(대박쯔..)

https://www.figma.com/file/JfQ2q6BLpssQgtYlGA9Dx3/Variables-playground-(Community)?type=design&node-id=41%3A11&mode=design&t=AcZjZLWSrlPQO7HV-1 

Figma

 

 

 

3. 기타

3번째는 프로토타입 로직.. 뭐 그런건데 일단 보자마자 눈감았음.. 나중에 시간될때 보겠지..

4번째는 개발자모드같은데 어?

오오오오

UI가 쉽네

 

그냥 상단의 토글만 누르면 모드가 바뀌고 오옹

신기방기..

현재 베타로 크게 성장할것같다..

와 .....엄청나네 

 

나중에 시도해보려고했으나 너무 쉽고 신기해서 캡쳐..

와.. 나도 뭐하나 만들겠는데?;

알수없지만 확장을 하면

직접 코드 불러와주는것같다..

이건 나중에 확인...

 

대박..