Did you know? You can change the width, frequency, and wiggle of your stroke.
Add your unique style and speed up your process with new illustration tools, right in Figma.
Secret’s out. You can use pattern fill to keep your patterns consistent.
Did you know? This image was made with text on a path and fine-tuned grain settings.
Explore playground file
Explore playground file
Auto layout
Customize your grid to fit your needs. Tweak column counts, padding, margins, and more to build what you have in mind.
Layout
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 24px;
padding: 24px;
position: relative;
Did you know? Developers can see CSS grid properties in Dev Mode. Yep, that’s a big deal.
Explore playground file
Explore playground file
Dylan Field
Co-founder and CEO
Figma
Bulk-create and edit thousands of assets at once, and instantly publish them for team-wide use.
Did you know? You can control the elements your teammates are able to edit. That way, everything stays on brand.
Try Figma Buzz
Try Figma Buzz
With responsive designs and ready-to-use blocks, it’s easier than ever to launch a live website, designed exactly how you want it.
Get started with a template
Whether you need to make a polished portfolio or promote a product launch, we’ve got the perfect template for you.
Browse all templates
Browse all templates
Try Figma Sites
Try Figma Sites
Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.
Did you know? You can directly edit what Figma makes—whether that means replacing images or changing padding and margins.
Learn more
Learn more
Made in Figma Sites
Did you know? You can change the width, frequency, and wiggle of your stroke.
Add your unique style and speed up your process with new illustration tools, right in Figma.
Secret’s out. You can use pattern fill to keep your patterns consistent.
Did you know? This image was made with text on a path and fine-tuned grain settings.
Explore playground file
Explore playground file
Did you know? Developers can see CSS grid properties in Dev Mode. Yep, that’s a big deal.
Customize your grid to fit your needs. Tweak column counts, padding, margins, and more to build what you have in mind.
Auto layout
Layout
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 24px;
padding: 24px;
position: relative;
Explore playground file
Explore playground file
Dylan Field
Co-founder and CEO
Figma
Bulk-create and edit thousands of assets at once, and instantly publish them for team-wide use.
Did you know? You can control the elements your teammates are able to edit. That way, everything stays on brand.
Try Figma Buzz
Try Figma Buzz
With responsive designs and ready-to-use blocks, it’s easier than ever to launch a live website, designed exactly how you want it.
Get started with a template
Whether you need to make a polished portfolio or promote a product launch, we’ve got the perfect template for you.
Browse all templates
Browse all templates
Try Figma Sites
Try Figma Sites
Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.
Did you know? You can directly edit what Figma makes—whether that means replacing images or changing padding and margins.
Learn more
Learn more
Made by
in Figma Sites
Did you know? You can change the width, frequency, and wiggle of your stroke.
Add your unique style and speed up your process with new illustration tools, right in Figma.
Secret’s out. You can use pattern fill to keep your patterns consistent.
Did you know? This image was made with text on a path and fine-tuned grain settings.
Explore playground file
Explore playground file
Did you know? Developers can see CSS grid properties in Dev Mode. Yep, that’s a big deal.
Customize your grid to fit your needs. Tweak column counts, padding, margins, and more to build what you have in mind.
Auto layout
Layout
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 24px;
padding: 24px;
position: relative;
Explore playground file
Explore playground file
Dylan Field
Co-founder and CEO
Figma
Bulk-create and edit thousands of assets at once, and instantly publish them for team-wide use.
Did you know? You can control the elements your teammates are able to edit. That way, everything stays on brand.
Try Figma Buzz
Try Figma Buzz
With responsive designs and ready-to-use blocks, it’s easier than ever to launch a live website, designed exactly how you want it.
Get started with a template
Whether you need to make a polished portfolio or promote a product launch, we’ve got the perfect template for you.
Browse all templates
Browse all templates
Try Figma Sites
Try Figma Sites
Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.
Did you know? You can directly edit what Figma makes—whether that means replacing images or changing padding and margins.
Learn more
Learn more
Made by
in Figma Sites
Did you know? You can change the width, frequency, and wiggle of your stroke.
Add your unique style and speed up your process with new illustration tools, right in Figma.
Secret’s out. You can use pattern fill to keep your patterns consistent.
Did you know? This image was made with text on a path and fine-tuned grain settings.
Explore playground file
Explore playground file
Did you know? Developers can see CSS grid properties in Dev Mode. Yep, that’s a big deal.
Customize your grid to fit your needs. Tweak column counts, padding, margins, and more to build what you have in mind.
Auto layout
Layout
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 24px;
padding: 24px;
position: relative;
Explore playground file
Explore playground file
Dylan Field
Co-founder and CEO
Figma
Bulk-create and edit thousands of assets at once, and instantly publish them for team-wide use.
Did you know? You can control the elements your teammates are able to edit. That way, everything stays on brand.
Try Figma Buzz
Try Figma Buzz
With responsive designs and ready-to-use blocks, it’s easier than ever to launch a live website, designed exactly how you want it.
Get started with a template
Whether you need to make a polished portfolio or promote a product launch, we’ve got the perfect template for you.
Browse all templates
Browse all templates
Try Figma Sites
Try Figma Sites
Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.
Did you know? You can directly edit what Figma makes—whether that means replacing images or changing padding and margins.
Learn more
Learn more
Made by
in Figma Sites
Did you know? You can change the width, frequency, and wiggle of your stroke.
Add your unique style and speed up your process with new illustration tools, right in Figma.
Secret’s out. You can use pattern fill to keep your patterns consistent.
Did you know? This image was made with text on a path and fine-tuned grain settings.
Explore playground file
Explore playground file
Did you know? Developers can see CSS grid properties in Dev Mode. Yep, that’s a big deal.
Customize your grid to fit your needs. Tweak column counts, padding, margins, and more to build what you have in mind.
Auto layout
W
600
H
400
Layout
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 24px;
padding: 24px;
position: relative;
Explore playground file
Explore playground file
Dylan Field
Co-founder and CEO
Figma
Bulk-create and edit thousands of assets at once, and instantly publish them for team-wide use.
Did you know? You can control the elements your teammates are able to edit. That way, everything stays on brand.
Try Figma Buzz
Try Figma Buzz
With responsive designs and ready-to-use blocks, it’s easier than ever to launch a live website, designed exactly how you want it.
Get started with a template
Whether you need to make a polished portfolio or promote a product launch, we’ve got the perfect template for you.
Browse all templates
Browse all templates
Try Figma Sites
Try Figma Sites
Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.
Did you know? You can directly edit what Figma makes—whether that means replacing images or changing padding and margins.
Learn more
Learn more
Made by
in Figma Sites