Interactive Typing Input
by Philips
Variable-controlled, scaleable, interactive input component for typing on prototype..
Installs
2,418
Likes
214
Users
24,498
Views
12,019
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 backspaceThe component will reuse the same variable when you create another component with the same label as the previously deleted component, reducing variable wasteLimitation:
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 variableThe 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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.