Back to Plugins
ComponentFiller AI

ComponentFiller AI

Insert the text from the design data into your code

Plugin Preview

ComponentFiller AI preview

About this plugin

ComponentFiller は生成AIを用いて、選択したフレームの原稿と、人間が用意したコンポーネントのコードを組み合わせ、コンポーネントに適切な原稿を入力したコードを返します(要APIキー/Gemini のAPIは無料で取得できます)利用方法利用するAIのAPIを選択APIキーを入力利用する言語と、言語に合わせた基本のプロンプトを設定(任意)ベースとなるコンポーネントのコードを入力利用したいフレームを選択コードを生成注意事項:コードを生成するために、選択したAIサービスにデータが送信されます---ComponentFiller uses generation AI to combine the script for the selected frame with the component code prepared by humans, and returns a code with the appropriate script entered into the component (API key required).How to useSelect the AI ​​API to useEnter the API keySet the language to use and the basic prompt for the language (optional)Enter the base component codeSelect the frame you want to useGenerate codePlease note: Your data will be sent to the AI ​​service of your choice to generate the code.---Component Fill , Component FIller

Plugin Details

Version10
CreatedMay 7, 2025
Last UpdatedDecember 29, 2025
CategorySoftware development
Creatormiral
Stats3 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.openai.com
    • https://generativelanguage.googleapis.com