How to use AI in Figma

Learn how to use AI in Figma with our comprehensive guide, which covers everything from the basics to advanced techniques. We’ll show you how to use AI to create illustrations, designs, and prototypes, and we’ll give you tips on how to integrate AI into your workflow.

Keyword
media_tag
price-type

Featured

Favorites

More Filters

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#1072D3 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #1072D3 !important; border-color: #1072D3 !important; } .text-primary, .filters_col .distance span { color: #1072D3 !important; } .btn-outline-primary { color: #1072D3 !important; border-color: #1072D3 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #1072D3 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #1072D3!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } .elementor-23203 .elementor-element.elementor-element-6b9860a2 { --display: flex; --gap: 0px 0px; --background-transition: 0s; --margin-block-start: 0px; --margin-block-end: 0px; --margin-inline-start: 0px; --margin-inline-end: 0px; --padding-block-start: 0px; --padding-block-end: 0px; --padding-inline-start: 0px; --padding-inline-end: 0px; overflow: visible; background: black; } .elementor-23203:not(.elementor-motion-effects-element-type-background), .elementor-23203 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: black; } .shadow-hover-lg:hover { box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%)!important; } [ppt-box] { background-clip: border-box; display: flex; flex-direction: column; color: #000; position: relative; border: 2px solid #ddd; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); background: #fff; } .rounded { border-radius: 10px !important; } .opacity-2 { opacity: 1; }