There are four key steps that need to be completed to use FluxGen:
- register an account: Visit the official website https://app.fluxtech.pro/完成免费注册 and the system will issue trial credits
- Plug-in Installation: Search for "FluxGen" in the VS Code Extension Store and install it, after restarting the editor the toolbar icon will be visible.
- Generating images: Ctrl+Shift+G to bring up the input box, enter a description in English (e.g., "3D Technology Button") and then enter.
- Insert Code: Right click on the generated image and select "Copy Code" to get the HTML/img tag or Markdown code directly.
Advanced tips include:
- Use the Smart Suggestions feature to get the suggested hints suggested by the AI based on the current code context
- Toggle between different models such as FLUX.1 Pro/Dev in the settings panel to balance generation speed and quality.
- Save the image to a specified local directory via "Save to Project".
The entire process takes place without leaving the editor environment, and image generation takes only milliseconds to respond.
This answer comes from the articleFluxGen: A tool for generating AI images directly in a code editorThe
May not be reproduced without permission:AI productivity tools " How to install and use FluxGen in VS Code?
