Open6
Figmaの操作確認
hott3実装の効率化を図るため、Figmaの活用方法を模索したい
知りたい
- コンポーネント
- モック
- 書き出し
hott3Build your own team library
Color styles
Add
Edit
Publish(Own team members)
hott3Learn the basics of Figma
Frames
Add Preset sizes
[F]
Existing elements
Constraints
Constraints allow you to fix elements of your design to different sides of their parent Frame.
Component
Smart Selection
Smart Selection allows you to quickly adjust spacing between objects, create an uniform grid by a selection of objects, and rearrange objects within a grid layout.
Commenting
hott3基本操作
hott3
これ、全部四角に見えるからややこしい
Frame Group Section Rectangle
- FrameはFrame自身がプロパティを持つため、デザイン用途でなにかを囲みたい時に使える
- 枠線や塗り
- あとConstraints使えるようになると、レスポンシブを想定したレイアウトデザインに使える
- Groupeは要素へのデザイン適用を行うためのグルーピング機能
- Sectionは情報整理を補助するための機能
- Rectangleは四角のオブジェクト
- 子要素を持てないそこにあるだけの四角