inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

Html로 변환하는 플러그인 추천바랍니다

해결된 질문

2196

jihyun6306

작성한 질문수 2

1

쌤 오프라인수업도 들었는데 너무 도움이 되었어요 멀캠에서 후속 심화과정도 있었으면 좋겠습니다

 

프로젝트에 퍼블리셔가 없어서요

Html로 바로 뽑아서 개발자에게 넘겨야하는데 그래도 제일 정확도?가 높은 플러그인이나 변환 사이트 있으면 추천 부탁드리고

변환할 때 팁 있으면 알려주세요~

 

figma figma-tokens 디자인-시스템 아토믹-디자인

답변 2

2

범쌤

어머 지현님!! ㅎㅎㅎ

아이디만 봐도 누군지 알겠네요 ㅎㅎㅎㅎ

코드로 변환할 때 그나마 제일 잘 뽑아 주는건 anima 플러그인 입니다.
https://www.animaapp.com/

감사해용 :)

1

jihyun6306

범쌤 최고 입니다. 고급 과정 빨리 하나 만들어주세요!!! 제발~

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

jihyun6306님, 강의 후기와 질문 주셔서 감사합니다.

현재 제공된 정보 중에서는 피그마를 이용하여 HTML로 변환하는 플러그인이나 사이트에 대한 직접적인 정보는 없습니다. 하지만 일반적으로 피그마에서 HTML로 변환할 때 활용할 수 있는 플러그인으로는 ‘Figma to HTML’, ‘Anima’ 등이 있으며, 이러한 플러그인을 통해 피그마 디자인을 HTML 코드로 더 쉽게 변환할 수 있습니다.

변환 시 팁으로는,
1. 디자인 시 최대한 구조를 명확하게 하여 개발자가 이해하기 쉽게 만드는 것이 중요합니다.
2. 사용하는 플러그인이나 서비스의 사용 방법 및 제한 사항을 미리 확인하여 최적의 결과를 얻을 수 있도록 준비하는 것이 좋습니다.

그 밖에 프로젝트 특성이나 세부 요구 사핥에 따라 적합한 플러그인이나 변환 방법이 달라질 수 있으므로, 여러 옵션을 탐색해보시는 것도 추천드립니다.

추가적인 질문이 있다면 인프런 홈페이지의 FAQ 혹은 문의하기를 통해 직접 문의해보시길 바랍니다. 감사합니다!

borderTransparent를 라이트/다크모드에 이중등록

0

30

2

해결되었습니다.

0

24

1

안녕하세요! 강의잘 들었습니다.

0

77

2

타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨

0

49

2

토큰스튜디오에서 폰트 스타일등록 문의

0

65

2

토큰에서 style로 export시 에러

0

71

2

컬러시스템 등록 관련

0

72

2

토큰 light/dark mode 오류

0

67

2

Pretendard 없으면 에러납니다

0

232

2

폰트 토큰 작업 할때

1

99

3

여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?

0

57

2

토큰을 깃허브에 올리는 방법이 없어진거 같은데요

1

82

2

토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요

0

212

2

인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요

1

79

1

tailwind color generator 이게 작동이 잘 안되네요

0

75

2

figma tokens플러그인 안나오는데요??

0

125

2

혹시 토큰 가공할 수 있는 강의도 따로 있을까요??

1

55

2

피그마 배리어블에 export시 값 저장 안됨

0

207

3

Style - variable 문으ㅣ ㅜㅜ

0

69

2

borderTransparent 임포트가 안됩니다

1

69

2

화면이 보이지가 않아요?

0

67

1

컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ

1

271

2

피그마 토큰 플러그인

1

292

2

깃허브 sync 오류

1

193

2