Web-based tools

Bring your Photoshop edits to life using Nano Banana and Flux Kontext! 🍌 🍌This script makes photo editing and compositing in Photoshop feel even more intuitive. Use the tools you already know such as selections, brushes and colors, and then let Nano Banana (Gemini 2.5 Flash) or Flux Kontext bring your ideas to life. With simple, user friendly prompts you can create edits that look natural and are super fun to explore. Nano Banana (Gemini 2.5 Flash): fast generation with extras like Use Foreground Color and (only on macOS) Reference Image. Flux Kontext (Pro &amp; Max): context-aware edits, typography, lighting. Your selection is sent to Replicate’s models and the result is placed back as a new layer, keeping lighting, shadows, and materials consistent. You can find the manual and a video with some examples below.⚠️ Note on Windows: the script works on Windows 10 and 11, but with a few small quirks. You may briefly see command windows pop up, which is completely normal and nothing to worry about. The Reference Image option is not available on Windows yet, but you can simply place a photo in your document and mention it in your prompt. If I get that feature working, I’ll notify you, and you’ll get the new version for free.Very rarely, Windows security settings may block the API connection. If that happens and you can’t get the script to run, just let me know and I’ll happily refund your purchase 🤗ManualQuick summaryBefore diving into the manual, here’s the short version: Download the plugin after purchase. Copy it to Photoshop’s Scripts folder. Create an account on replicate.com and add at least $10 credit. Copy your Replicate API token into the Photoshop script. Start generating inside Photoshop. Not too bad, right? Below you’ll find the full step-by-step manual.1. Set up Replicate1.1 Go to ReplicateVisit replicate.com and click Sign in.Replicate homepage1.2 Sign in with GitHubClick Sign in with GitHub. If you do not have a GitHub account yet, create one during the login process.Sign in with GitHubGitHub login or create account1.3 Open Account settingsAfter signing in, click your profile picture and choose Account settings.Account settings menu1.4 Add creditIn Account settings open Billing. Click Add credit and add at least $10.Current costs per image: about $0.039 for Nano Banana, $0.04 for Flux Kontext Pro and $0.08 for Flux Kontext Max. A ten dollar deposit is plenty to test the plugin.Billing overviewAdd credit1.5 Disable auto reloadClick Manage auto reload and make sure auto reload is disabled to avoid unwanted charges.Auto reload settings1.6 Create an API tokenIn Account settings open API tokens. Create a new token and copy it. You will paste this token in Photoshop later.Create and copy your API token2 Installation Download the .jsx file. Copy it to your Photoshop Scripts folder: macOS: /Applications/Adobe Photoshop [version]/Presets/Scripts/ Windows: C:\Program Files\Adobe\Adobe Photoshop [version]\Presets\Scripts\ Restart Photoshop. The script will show up under File → Scripts → Nano-Banana-Flux-Kontext. 3. First time setup Open any document, then go to File → Scripts → FluxKontext. The first time you open the script, the Settings will open first. Paste your Replicate API token. When you're done, choose a model: Nano Banana: with options for Foreground Color and Reference Image (only on macOS). Flux Kontext: context-aware edits, typography, and lighting. First time setupMain window of the plugin4. Run your first AI edit Make a selection in Photoshop. Go to File → Scripts → Nano-Banana-Flux-Kontext. Enter a short, specific prompt. Choose a model: Nano Banana: with options for Foreground Color and (on macOS) Reference Image. With Reference image, you can insert an image in your selection. Flux Kontext: context-aware edits, typography, and lighting. Click Generate. The result appears as a new layer on top of your original. 5. Tips Assign a keyboard shortcut (Edit → Keyboard Shortcuts). I use Cmd-Shift-K. In the Keyboard Shortcuts section, navigate to File &gt; Scripts &gt; Nano-Banana-Flux-Kontext, click in the field next to it and type your preferred shortcut. Keep prompts short and specific. Mention material, color, lighting. Prompts in Flux Kontext need to be more specific than Nano Banana. Make selections slightly larger or softer to give the models more context. Try both Flux Kontext Pro and Max: Pro is great for most cases, Max can be stronger on typography. My preferred method is Nano Banana nowadays, except for changing the environmental lighting, and blending objects. Try drawing a sketch, and then let Nano Banana make something out of it. I had very impressive results. Use Upscale if the generated area feels too small or soft.

Nano Banana & Flux Kontext — AI Script for Photoshop

Software engineer <n>Andrew Tattersall</n> discusses the <n>React Bits</n> website for UI animations.