Skip to main content
Kombai features a specialized Figma interpretation engine that gives the Agent a native understanding of your designs. It is significantly more advanced than Figma to code tools and Figma MCPs, capable of handling complex design structures with ease. Kombai can handle common Figma issues like messy grouping and invisible layers without requiring you to clean up the file or use Auto-layout. It generates high-quality, production-ready code that handles the UI heavy lifting, giving you a solid foundation to iterate on.

​
Use Figma with Kombai

  1. Launch Kombai extension in your IDE.
  2. In the chat input, type @figma, and press Enter. Alternatively, click the Figma icon in the input box.
  3. Paste your Figma URL in the newly opened modal and click Confirm.
    If your Figma account isn’t connected to Kombai, you’ll need to connect it first. Click here to learn how.
  4. If you have any instructions or additional Figma designs, add them to the input.
  5. Press Enter or click the
    button to send the message.

​
Connect Figma

To generate code for your Figma designs, you need to connect your Figma account with Kombai. This lets Kombai access your Figma design and generate code. To connect your Figma to Kombai:
  1. Launch Kombai extension in your IDE.
  2. Click the icon in the chat input box.
  3. Click Connect Figma.
  4. Click Open in the newly opened modal.
  5. Click Allow access, then Open in the alert.
  6. Go back to the IDE and click Open in the modal.

​
Reconnect Figma

If you have connected the wrong Figma account to Kombai, or the authentication has expired, you can reconnect your Figma by following the steps below:
  1. Launch Kombai extension in your IDE.
  2. Click the icon in the chat input box.
  3. Click Reconnect Figma.
  4. Click Open in the newly opened modal.
Click Switch accounts if you want to switch the current Figma account.
  1. Click Allow access, then Open in the alert.
  2. Go back to the IDE and click Open in the modal.
If you are unable to reconnect, reach out to [email protected].

​
FAQs

Effective November 17, 2025, Figma has implemented new API rate limits for all users. Because the endpoints Kombai uses to fetch designs are classified as Tier 1 by Figma, you may encounter limitations while generating code for your Figma designs.Here’s what you can do to troubleshoot the issue:

​
Export Figma design as image and attach to Kombai

If you are unable to attach the Figma design to Kombai, you can export it as image and attach to Kombai.
  1. Open your Figma design and select the frame you want to export as image.
  2. Click Export at the bottom of the right-sidebar.
  3. Select a higher resolution and PNG as the format.
Kombai will be able to better interpret your image in higher resolution.
  1. Click Export button.
  2. Attach the exported image to the Kombai chat.

​
Upgrade your Figma account

Upgrade to a higher Figma plan. This will increase your API limit and you will be able to attach more Figma designs to Kombai. Visit the Figma pricing page for more details.
Ensure that the Figma account connected to Kombai has a Dev or Full seat for higher API limits.

​
Connect a different Figma account

If you have mistakenly connected Kombai with the wrong Figma account, you can connect a different Figma account by following the steps below:
  1. Click @figma in the chat box.
  2. Click Reconnect Figma.
  3. Select Switch accounts in the Figma OAuth page.
  4. Click Allow access, then Open in the alert.
  5. Go back to the IDE and click Open in the modal.
Kombai does not support code generation from Figma Make URLs. To use Kombai with Figma Make, you must first transfer your work to a Figma Design file.
  1. Open your Figma Make project and click the
    button in the top menu bar. This saves the design to your clipboard.
  2. Open a new Figma design file and paste the design from your clipboard.
  3. Right-click on the newly pasted design.
  4. Hover over Copy/Paste as and select Copy link to selection.
  5. Open Kombai in your IDE and click the icon in the chat input box.
  6. Paste the Figma design URL into the input box and press Enter.
Kombai doesn’t support code generation from Figma Sites URLs. To use Kombai with Figma Make, you must first transfer your work to a Figma Design file.
  1. In your Figma Sites project, select the section containing the generated site.
  2. Right-click the selection and click Copy.
  3. Open a new Figma design file and paste the design from your clipboard.
  4. Select the Figma design from the section you pasted.
  5. Right-click the pasted content, hover over Copy/Paste as, and select Copy link to selection.
  6. Open Kombai in your IDE and click the icon in the chat input box.
  7. Paste the Figma design URL into the input box and press Enter.