ZeplinからXcodeへのUIデザインを取り込みたい

Question

ここで質問していいのかわからないのですが、わかれば教えてください。
ADOBEのXDでUIを作り、Zeplinと連携をしてSwiftに取り込みたいと考えています。
XDからZeplinへの連携はできたのですが、ZeplinからXcode（Swift）への取り込み方法がわかりません。

取り込む際に下記のようなコードが出てきたのでそれをXcodeで入力をするのかな？と考えたのですが、間違えないでしょうか？

import UIKit

extension UIColor {

@nonobjc class var yellow: UIColor {
return UIColor(red: 254.0 / 255.0, green: 207.0 / 255.0, blue: 51.0 / 255.0, alpha: 1.0)
}

@nonobjc class var lightOrange: UIColor {
return UIColor(red: 253.0 / 255.0, green: 189.0 / 255.0, blue: 57.0 / 255.0, alpha: 1.0)
}

@nonobjc class var peach: UIColor {
return UIColor(red: 238.0 / 255.0, green: 103.0 / 255.0, blue: 35.0 / 255.0, alpha: 1.0)
}

}

Comments

[fuzzball]

色の名前はもう少しユニークな方がいいと思います。例えば yellow というのは元々UIColorにあるので上書きしてしまいます。（元々の yellow が使えなくなってしまう）

Answer 1

ColorやFontを取り込むということですよね。
以下のように標準クラスをアプリケーション独自に拡張したよ、という内容がわかるファイル名でSwiftファイルを作成してコピペすれば良いと思います。
その際、Styleとかの名前でグループフォルダを作ってまとめておくとみやすいと思います。

• UIColor+AppColors.swift
• UIFont+AppFonts.swift

Comments

[j.suzushima]

ご回答いただきまして、ありがとうざいます。
作成したファイルをコピペする際にはXcode上のどこにコピペすればよろしいのでしょうか？

[nakasho_dev]

回答内で例示したようなファイル名で新たにファイルを作成して、そのファイルにペーストすればよいです。