Pasul 1: Creează structura de bază

1. Adaugă un buton într-un Auto Layout (Frame).

2. Pune în interior o iconiță și un text.

3. Setează spațierea internă folosind regula de 4px (multipli de 4) pentru un aspect echilibrat.

Pasul 2: Adaugă fundalul

1. Selectează butonul (Frame-ul).

2. Aplică un background simplu. Poți începe cu un gri închis sau albastru pentru contrast.

Pasul 3: Activează efectul de glass

1. Mergi la Effects și alege Glass.

2. Vei vedea imediat cum butonul devine semi-transparent, lăsând să se vadă fundalul din spate.

3. Setează textul la alb, pentru vizibilitate maximă.

Pasul 4: Ajustează magia vizuală

Figma îți oferă opțiuni pentru a personaliza efectul:

• Light – intensitatea luminii pe suprafață

• Refraction – modul în care lumina se curbează prin „sticlă”

• Depth – adâncimea și realismul efectului

• Dispersion – un mic efect de „curcubeu” subtil

• Frost – textura înghețată, specifică efectului de sticlă mată.

Un buton modern, elegant și inspirat din estetica Apple, care oferă interfeței o notă premium și futuristă. Experimentează cu diferitele setări ale efectului „Glass” pentru a obține look-ul dorit – fie că vrei un efect subtil și minimalist, fie unul spectaculos și vibrant.