げっとシステムログ

WEB開発メモ

sketch と zeplin の連携

zeplin のアプリをインストールすると、 sketch にプラグインが追加される

f:id:shun-fix9:20160406203238p:plain

選択したアートボードを zeplin に export できる

色を export する

zeplin から UIColor のコードを作成できる

f:id:shun-fix9:20160406203236p:plain

ちょっとわかりにくい
色の部分をホバーすると右端にトグルスイッチが出る

これを ON にすると、 Styleguide にコードが表示されるようになる

f:id:shun-fix9:20160406203237p:plain

ホバーすると export するボタンが出てくるのでファイルに保存できる
これを xcode にインポートすれば良いはず