【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう

Variabels機能でシステムでUIをデザインしよう

Variablesを使って変数を登録、登録したものでWebサイトをデザインするチュートリアルです。

まずはどんな感じで登録できて、どう適用できるか、を体験することから始めるのが良いと思います〜！何事も暗記とかする前に使ってみる触ってみるのが理解を早めるコツだと考えています。

というわけで、早速使ってみましょ〜！

Variables機能自体の解説はこちら
https://youtu.be/yAQBceTymWA

‍

‍

‍

‍

使うFigmaデータはこちら

チュートリアルのデータ

https://www.figma.com/file/DxKbpFzwaOROekw8zAGwtk/Variables?type=design&node-id=9%3A472&mode=design&t=dT5QNNDus6S1KSUA-1

‍

‍

Variabels機能でシステムでUIをデザインしよう

Variablesを使って変数を登録、登録したものでWebサイトをデザインするチュートリアルです。

まずはどんな感じで登録できて、どう適用できるか、を体験することから始めるのが良いと思います〜！何事も暗記とかする前に使ってみる触ってみるのが理解を早めるコツだと考えています。

というわけで、早速使ってみましょ〜！

Variables機能自体の解説はこちら
https://youtu.be/yAQBceTymWA

‍

‍

‍

‍

使うFigmaデータはこちら

チュートリアルのデータ

‍

‍

‍