F1 Race Results — Figma Plugin

Formula 1 그랑프리 결과를 jolpica-f1 API에서 가져와 Figma 캔버스의 텍스트 레이어에 자동으로 반영하는 플러그인입니다.

경기 결과 카드를 만들 때마다 드라이버 이름과 기록을 손으로 옮겨 적던 작업을 자동화하려고 만들었습니다.(2026-03 ~ 2026-05)

Features

• 최신 경기 또는 특정 시즌/라운드의 결과 조회
• 플러그인 UI에서 결과 미리보기
• 이름 규칙에 맞는 텍스트 레이어를 한 번에 일괄 업데이트
• 인증 불필요 (jolpica-f1은 공개 API)

Usage

1. 플러그인 설치 (로컬 개발용)

Figma 데스크톱 앱에서: Plugins → Development → Import plugin from manifest... → 이 폴더의 manifest.json 선택

2. 레이어 이름 규칙

플러그인은 텍스트 레이어의 이름을 보고 값을 채웁니다. 캔버스의 텍스트 레이어 이름을 아래처럼 지정하세요.

레이어 이름	들어가는 값
#raceName	그랑프리 이름
#season	시즌
#round	라운드
#circuit	서킷 이름
#date	경기 날짜
#pos1 ~ #posN	순위
#driver1 ~ #driverN	드라이버 이름
#code1 ~ #codeN	드라이버 약어 (VER, HAM 등)
#team1 ~ #teamN	팀(컨스트럭터) 이름
#time1 ~ #timeN	기록 (완주하지 못한 경우 상태)
#points1 ~ #pointsN	획득 포인트

숫자는 순위 순서대로 대응합니다. (#driver1 = 우승자)

3. 실행

플러그인을 열고 결과 불러오기 → Figma에 적용. 시즌/라운드를 비워두면 가장 최근 경기를 가져옵니다.

Tech

• Figma Plugin API
• jolpica-f1 API (Ergast API의 후속 프로젝트)
• Vanilla JS (빌드 도구 없음)

Note

Formula 1과 무관한 개인 학습용 프로젝트입니다. 데이터는 jolpica-f1에서 제공하며, 공식 F1 데이터가 아닙니다.