Figma의 디자인을 SwiftUI의 코드로 변환해 주는 무료 플러그인이 있는 것 같다? ? ?

5393 단어 iOSSwiftSwiftUIfigma
GitHub에서 유용한 라이브러리를 찾고 있다면 이런 것을 발견했습니다.

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의 앱을 내년부터 새롭게 개발 예정이므로, 그 타이밍에 좀더 사용해 보겠다고 생각합니다!

좋은 웹페이지 즐겨찾기