copy-figma-css 용 Google Chrome

copy-figma-css: 편리한 Figma CSS 복사 확장 프로그램

copy-figma-css는 Figma에서 CSS를 편리하게 복사할 수 있는 Chrome 확장 프로그램입니다. 이 확장 프로그램을 활성화하고 Figma 파일에서 검사 탭을 활성화하면 사용자는 어떤 노드를 선택한 후 설정한 규칙에 따라 CSS를 자동으로 복사할 수 있습니다.

copy-figma-css를 사용하면 다음과 같은 기능을 즐길 수 있습니다:

• Figma CSS의 자동 복사
• 불필요한 주석과 원하지 않는 속성 필터링
• 숫자의 스케일 레벨과 사용자 정의 단위 설정
• 대체 규칙 사용자 정의
• CSS/LESS/SASS 변수로 값 대체
• 다른 프로젝트에 대한 다른 구성

copy-figma-css를 사용하려면 플러그인을 설치하고 확장 바에 고정시키기만 하면 됩니다. 그런 다음 Figma 파일을 열거나 새로 고침하고 "inspect" 탭을 활성화한 후 설정한 규칙에 따라 CSS를 자동으로 클립보드에 복사할 요소를 선택하면 됩니다. CSS의 수동 복사도 확장 프로그램에 의해 처리됩니다.

브라우저가 클립보드 읽기 권한을 요청하는 경우, "허용"을 클릭하여 액세스를 허용하십시오. 이 확장 프로그램은 CSS 코드만 읽기 때문입니다.

전반적으로, copy-figma-css는 Figma와 함께 작업하는 디자이너와 개발자들에게 유용한 도구로서 CSS 복사 과정을 간소화하고 생산성을 향상시킵니다.