The Figma MCP server brings Figma into your development workflow. AI agents can read your Figma files to get components, variables, layout data, and other design details, so the code they generate ...
Code layers in Figma Design is in open beta. A code layer is an interactive prototype backed by running code that sits directly on the canvas. With code layers in Figma Design, you can: Create ...
Figma Slides is the first presentation tool built for designers and their teammates. No matter your role or level of design experience, Figma Slides makes it easy to create beautiful and effective ...
This is a written version of our Introduction to design systems: Lesson 2 video tutorial. Watch the video and follow along with the written course below. Welcome back! In this lesson, we’ll dig into ...
Level up your Figma skills with these comprehensive skill-based courses.
Level up your Figma skills with these comprehensive skill-based courses.
This is a written version of our Introduction to design systems: Lesson 4 video tutorial. Watch the video and follow along with the written course below. Welcome back! In the previous lesson, we saw ...
Every shape, text object, or image you add to the canvas has its own layer. This allows you to adjust each layer individually as you create cohesive and complex designs. In this article, we'll show ...
Level up your Figma skills with these comprehensive skill-based courses.
With Figma AI, you can create and edit vector illustrations and icon sets. Use it to generate new vectors, make precise edits, or convert static images into editable vector layers. Work on one vector ...
Skills are pre-built instructions that teach your AI agent how to handle common Figma tasks reliably, such as creating a new file, building a screen from your design system, or generating code from a ...
Design files can contain multiple pages, giving you more space to explore. Each page has a canvas where you arrange your frames, groups, and layers. Pages have a finite size of around -130,000 through ...