<?xml version="1.0" encoding="utf-8"?>

Styling frames

Styling frames

Frames in Figma are more than structural elements. They're a canvas for creativity. Personalize your frames with these styling properties:

  • Corner radius: Soften your frame's edges by rounding its corners, perfect for a gentle, modern look.
  • Fill: Bring vibrancy to your frames with solid colors, gradients, or images (PNG, JPEG, GIF, TIFF, and WEBP), transforming simple shapes into eye-catching elements.
  • Stroke: Define or accentuate your frames with strokes. Adjust thickness or color to make your frame pop or blend subtly with your design.
  • Effects: Add dimension with shadows or create focus with blurs. These touches can elevate a flat design into something dynamic and engaging.

Improve your UX & Product skills with interactive courses that actually work