Tutorial Atur Posisi di Figma yang Baik dan Benar

dbltoto – Dalam dunia desain, keberadaan elemen dalam bingkai atau artboard sangat penting. Untuk mengatur elemen tersebut dengan tepat, Anda perlu memahami konsep posisi yang terdiri dari sumbu X dan sumbu Y. Di Figma, Anda dapat mengakses properti-posisi ini dengan mudah di sudut kanan atas panel Properties, tepat setelah properti Alignment.

1. Mengubah Posisi dengan Memindahkan Objek

Langkah pertama dalam mengatur posisi elemen adalah dengan memindahkan objek tersebut secara manual. Untuk melakukannya, pastikan alat Pindahkan (Move tool) dipilih di panel Tool. Selanjutnya, pilih objek yang ingin Anda pindahkan, dan seret objek tersebut dengan kursor Anda ke posisi yang diinginkan di dalam bingkai atau artboard.

2. Mengubah Posisi secara Akurat dengan Nilai X dan Y

Jika Anda menginginkan tingkat ketelitian yang lebih tinggi dalam mengatur posisi elemen, Anda dapat menggunakan nilai X dan Y. Caranya adalah dengan mengarahkan kursor ke bidang input X atau Y di panel Properties.

• Untuk mengubah posisi objek ke arah sumbu X (ke kanan atau ke kiri), arahkan kursor ke bidang input X dan geser ke kanan atau ke kiri sesuai dengan keinginan Anda. Geser ke kanan akan memindahkan objek ke arah kanan (plus sumbu X), sementara geser ke kiri akan memindahkan objek ke arah kiri (minus sumbu X).
• Selanjutnya, jika Anda ingin mengubah posisi objek ke arah sumbu Y (ke atas atau ke bawah), arahkan kursor ke bidang input Y dan geser ke atas atau ke bawah sesuai keinginan. Geser ke atas akan memindahkan objek ke bagian atas (minus sumbu Y), sementara geser ke bawah akan memindahkan objek ke bagian bawah (plus sumbu Y).

Contoh Penggunaan pada Alat Scrabble

Misalnya, Anda menggunakan alat Rectangle (persegi panjang) pada Figma. Anda dapat membuat sebuah persegi panjang pada kanvas dengan menggunakan alat ini. Setelah itu, pastikan alat Pindahkan (Move tool) dipilih.

• Jika Anda ingin memindahkan objek tersebut ke arah kanan, arahkan kursor di atas bidang input X, lalu geser ke kanan.
• Jika Anda ingin memindahkan objek tersebut ke arah kiri, arahkan kursor di atas bidang input X, lalu geser ke kiri.
• Jika Anda ingin memindahkan objek tersebut ke bagian bawah, arahkan kursor di atas bidang input Y, lalu geser ke kanan.
• Jika Anda ingin memindahkan objek tersebut ke atas, arahkan kursor di atas bidang input Y, lalu geser ke kiri.

Dengan menggunakan langkah-langkah di atas, Anda dapat dengan mudah mengatur posisi elemen dengan tepat sesuai keinginan Anda.