こんにちは!コネヒト株式会社デザイナーのなっぴーこと、わたなべなつきです。 コネヒトでは、最近SketchからFigmaに移行しました!まだまだ慣れない点も多く、日々、FigmaでのUI運用を試行錯誤しています。 今回は、そんな日々の試行錯誤の中で発見した、FigmaのLibrary機能を使って、色を変数管理する方法についてしたためてみました🎨 Sketch&Zeplin→Figma移行時の「色」に関する課題弊社ではこれまでSketchでUI制作後、ZeplinにUIデータをimportし、エンジニアさんにZeplinのUIデータを参照していただいていました。 Figma移行に伴い、エンジニアさんから「ZeplinのときはStyleguide機能があって、実装時に共通化する色がわかりやすかったけど、Figmaにはないの?」というご意見があがりました。 Figmaでも色に変数がつけられる!
![Figmaで色の変数管理をする🎨|わたなべなつき](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2d9ded307fdda8ec79b78253aa496db3cd65607/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F11875893%2Frectangle_large_type_2_6aaf1ff572c53810dde740cc8a8e75e2.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)