Interactive Typing Input
Variable-controlled, scaleable, interactive input component for typing on prototype..
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 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.
Plugin Details
| Version | 5 |
|---|---|
| Created | February 27, 2024 |
| Last Updated | March 14, 2024 |
| Category | Software development |
| Creator | Philips |
| Stats | 2357 installs, 211 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.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code