Frontender

Frontender는 프런트엔드 작업 흐름을 빠르게 진행하도록 설계된 개인 주니어 개발자처럼 작동하는 Figma 플러그인입니다.

주요 기능 및 특징

1. 디자인을 코드로 변환: Figma에서 레이어를 선택하면 Frontender가 프런트엔드 코드로 변환합니다.
2. 오토 레이아웃 불필요: 오토 레이아웃이나 정리된 레이어에 의존하지 않습니다. 파일이 복잡해도 순서, 계층 구조, 의미를 파악합니다.
3. CSS 및 Tailwind 지원: CSS와 Tailwind를 잘 이해하며, 임의의 값을 사용하거나 설정에서 가장 가까운 값을 찾을 수 있습니다.
4. 사용자 지정 설정 지원: 사용자 지정 Tailwind 설정을 붙여 넣으면 사용자 지정 클래스를 사용해 프로덕션용 코드를 작성합니다.
5. 다양한 출력 형식: Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS, JSX with Tailwind로 변환합니다.
6. 프레임워크 호환성: Next 및 React(JSX), Vue 및 Svelte(HTML)와 같은 프레임워크에서 작동합니다.

요금 모델 및 비용

계정이 필요 없으며 영구적으로 무료입니다. 매월 15회의 변환이 무료로 제공됩니다.

사용 방법

계정을 만들지 않고 지금 바로 Figma에서 사용해 보세요. 레이어를 선택하면 코드를 받을 수 있습니다.