질문사항

네이밍 문법이란 코딩할 때 변수나 함수의 이름을 설정해주는 규칙입니다! 사실 개발자들에게 더 익숙하지만 요즘엔 디자이너들도 많은 양의 디자인 가이드를 관리하다보니 네이밍 문법을 활용해서 정리하면 관리가 편하고 개발자와의 소통도 편하는 장점으로 네이밍 문법을 많이 활용하시더라구요!

답변

1. Case converter (https://url.kr/46bl3t)

: 플러그인 이름에서도 알 수 있듯 네이밍 문법(case)로 레이어명을 변경해주는 플러그인 입니다.

camelcase, snakecase, kebabcase 3가지로 변경을 도와줍니다.

여기서 중요한 점은 변경하려는 레이어의 이름이 단어별로 띄어쓰기가 되어있어야 적용이 됩니다.

ex) fimaeducation(x) / figma education(o) → figmaEduation, figma-education, figma_education

: 레이어의 이름 설정에 도움을 주는 플러그인 입니다. 간단한 키워드 입력으로로 레이명을 원하는 상태로 바꿔줍니다.

1) 레이어명을 전체 대문자로 바꾸고 싶을 때 : %*u% 입력

2) 레이어명을 전체 소문자로 바꾸고 싶을 때 : %*l% 입력

3) 레이어명의 앞글자를 대문자로 바꾸고 싶을 때 : %*t% 입력 (띄어쓰기 되어있는 기준으로 모든 단어의 앞글자가 대문자로 바뀝니다.)

4) 띄어쓰기 상관없이 맨처음 글자만 대문자로 바꾸고 싶을 때 : %*uf% 입력

5) 레이명을 camelCase로 바꾸고 싶을 때 : %*c% 입력 (띄어쓰기 기준으로 케이스가 생성되고 모든 띄어쓰기가 지워집니다.)

추가로 알면 좋을 팁

작업할 때 추가로 알게 되면 좋을 팁을 함께 남겨주세요. 없다면 생략 가능합니다.