[Figma] Add a feature to indicate editable fields clearly

Hi all, I am designing a new web interface for a product my company is working on (in figma). I have a degree in design (but I literally only did one semester on UI/UX before shifting to 3D modelling and animation lol), so I am a little out of my depth when it comes to UI/UX best practices and things (I volunteered for this). I am learning a lot though and trying to hit the ground running. Essentially the product is a payment fraud risk analysis tool, users can create Rules that trigger fraud alerts when certain conditions are met with data. From there, risk analysts can escalate to customers etc etc. This is one of the panels from the 'Rule Developer' screen, which contains additional settings that are required once the main rule has been created. Once these settings are complete, the user submits the rule for approval from a manager. I have tried giving each field its own border which just looks off, so I removed them and just kept the floating text. Personally I think its looks clean but not clear. I honestly can't think of any way to compose this using text boxes around the fields that looks nice, other than using some hover mouse over function to highlight that it is an editable field. If anyone has any ideas or feedback I would be very grateful! It's come a long way from the first design and it is slowly improving as I learn more. [Rule Settings Panel](https://preview.redd.it/e5a8wv1jl1ng1.png?width=1063&format=png&auto=webp&s=11278fe2b9332f95edd395a10e41125a8de5f4a8) I have also included a screen of the entire page to hopefully give a vibe of what we are going for! To be clear my task is to visualise things only, we have a development team that take these designs and get them workable. [Rule Dev Screen](https://preview.redd.it/2ll39qdqo1ng1.png?width=1490&format=png&auto=webp&s=1e5b8ee1fb1a57fcec43df2fad85b8f5b3b48284)