Rajoitteet Figmassa: Responsiivisen Suunnittelun Helppous

Rajoitteet määrittävät, miten tasot reagoivat, kun niiden ylätason kehystä muutetaan, mahdollistaen responsiiviset suunnittelut eri näyttökokoihin ja laitteisiin. Kehyksen sisällä olevia objekteja kutsutaan lapsiobjekteiksi, kun taas kehys itse on ylätason kehys.

Rajoitteilla on vaaka- (x-akseli) ja pysty- (y-akseli) asetukset. Oletuksena objektit on sidottu ylä- ja vasempaan reunaan suhteessa ylätason kehykseen.

Vaakasuorat rajoitteet

• Vasen: pitää objektin vasemmalla puolella;
• Oikea: sijoittaa oikean reunan mukaan;
• Vasen + Oikea: objektin koko muuttuu kehyksen mukana x-akselilla;
• Keskellä: pitää objektin vaakasuunnassa keskitettynä;
• Skaalaa: säätää objektin kokoa ja sijaintia suhteessa kehykseen.

Pystysuorat rajoitteet

• Ylä: sijoittaa yläreunan mukaan;
• Ala: sijoittaa alareunan mukaan;
• Ylä + Ala: objektin koko muuttuu kehyksen mukana y-akselilla;
• Keskellä: pitää objektin pystysuunnassa keskitettynä;
• Skaalaa: samanlainen kuin vaakasuuntainen skaalaus, mutta y-akselilla.

Rajoitteet voidaan asettaa myös visuaalisesti suunnittelupaneelin rajoiteruudun avulla.

Rajoitteiden käyttö responsiivisessa suunnittelussa

• Kohdista objektit (esim. teksti, painikkeet, kuvat) asetteluruudukkoihin tarkan sijoittelun varmistamiseksi;
• Säädä jokaisen objektin rajoitteet sen mukaan, miten sen tulisi käyttäytyä kehyksen koon muuttuessa;
• Varmista, että ryhmät tai maskatut objektit toimivat oikein sijoittamalla ne kehyksiin ja asettamalla rajoitteet uudelleen. Pikanäppäin on CTRL + ALT + G (Windows) tai Command + Option + G (Mac);
• Testaa responsiivisuutta muuttamalla ylätason kehyksen kokoa varmistaaksesi, ettei vääristymiä tai kohdistusvirheitä esiinny.