Back to Plugins

Interactive Typing Input
Variable-controlled, scaleable, interactive input component for typing on prototype..
typinginteractive componentsvariablesinputprototypeinput fieldcode-generators
Plugin Preview
About this plugin
Through this plugin, user can create an interactive input component in matter of seconds, granting stakeholder a more authentic typing experience.
Important:
This doesn't work with accounts on Free Plan as it doesn't support multi action.
Features:
- Each component created from this plugin is configured with its own sets of variables, allowing user to reuse them across different application flows.
- The component is configured with keypress event, currently supporting alphabets, number, and certain characters (. , / @)
- The component supports backspace
- The component will reuse the same variable when you create another component with the same label as the previously deleted component, reducing variable waste
Limitation:
- When you create a component with the same label across different page, they will share the same variable, hence affecting the data integrity of the variable
- The component currently doesn't have any state yet. In another words, all input will actively show the input typed by user. You can resolve this issue by creating a [state] variant of the component to differentiate default and active state.
- Due to how it is engineered, the backspace doesn't really delete the characters, but simply undo to 1 step before, so you can technically just delete one character per change.
Plugin Details
Version | 5 |
---|---|
Created | February 27, 2024 |
Last Updated | March 14, 2024 |
Category | Software development |
Creator | Philips |
Stats | 1691 installs, 165 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.