Figma의 디자인을 SwiftUI의 코드로 변환해 주는 무료 플러그인이 있는 것 같다? ? ?
FigmaToCode
Figma의 디자인을 Flutter, tailwidcss, SwiftUI로 컨버팅 해주는 것 같다. Figma는 UIKit 만 지원하기 때문에 사용물이되면 매우 고맙습니다 ... 시험에 사용해 보았습니다. 이번은 이쪽의 디자인을 컨버트 해 보려고 생각합니다. 뉴 모피즘의 샘플 디자인입니다.
변환 결과
import SwiftUI
struct ContentView: View {
var body: some View {
VStack(spacing: 43) {
Text("Neumorphism UI Kit")
.fontWeight(.medium)
.font(.largeTitle)
.padding(.vertical, 49)
.padding(.leading, 116)
.padding(.trailing, 117)
.frame(width: 693, height: 155)
.foregroundColor(Color.init("text"))
.background(Color.init("background"))
.cornerRadius(98)
.shadow(radius: 30)
Text("Button / Switch / Progress / Pagination/ Selector ... and more")
.font(.title)
}
.background(Color.init("background"))
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
사용해보십시오.
상당히, 재현도가 높은 것으로 완성되고 있는 것은 아닐까요?
AutoLayout을 재현하려면 이런 점에 주의해야 하는 것 같습니다.
개인적으로는 화면 전체가 아니라 각 파트를 하나씩 변환해 나가는 형태가 된다고 생각하기 때문에, 별로 관계 없을까.
절찬 개발중인 플러그인이므로 기대해도 좋을까요?
SwiftUI의 앱을 내년부터 새롭게 개발 예정이므로, 그 타이밍에 좀더 사용해 보겠다고 생각합니다!
Reference
이 문제에 관하여(Figma의 디자인을 SwiftUI의 코드로 변환해 주는 무료 플러그인이 있는 것 같다? ? ?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shira-shun/items/4a0da180c7e117f836e5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)