Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Crearé componentes reutilizables en react y un sistema de diseño en storybook
manahilashraf1
Acerca de este Servicio
Traducción automática
Crear un producto escalable requiere más que una interfaz reutilizable. Tu equipo necesita un sistema coherente que funcione tanto en código como en producto.
Construiré un sistema de diseño React y biblioteca de componentes listo para producción usando React, Tailwind CSS, shadcn/ui, Radix UI y Storybook.
Dependiendo de tu paquete, puedo trabajar con tus directrices de marca existentes o ayudarte a definir la base visual de tus productos mediante investigación y consultoría de UI.
Lo que puedes obtener:
Componentes React reutilizables
Implementación de Tailwind CSS
shadcn/ui y Radix UI
Configuración y documentación de Storybook
Colores, tipografía, espaciado y tokens
Variantes y estados de componentes
Componentes responsivos
Soporte para temas claro/oscuro
Biblioteca de componentes en Figma (Premium)
Investigación de marca y competencia (Premium)
Ideal para productos SaaS, startups, dashboards, aplicaciones web y equipos de producto en crecimiento que necesitan coherencia y escalabilidad.
¿Tienes componentes complejos o un archivo Figma existente? Envíame un mensaje antes de ordenar para definir el alcance correcto.
Conoce a manahilashraf1
manahilashraf1
Modern UI UX validated with real user data
- DePakistán
- Miembro desdeoct 2022
- Responde aprox. en:1 hora
Idiomas
Urdu, Inglés
Need a website, app or SaaS product people actually enjoy using? Product Designer with a software engineering background, bridging Figma and production-ready frontend systems.
I offer:
✅ Wireframes and clickable prototypes using claude design which are ready to use
✅ Figma design systems, ready to use in code
✅ Websites, landing pages and mobile apps
✅ SaaS apps and dashboards
✅ Email design
✅ Monkey testing and PostHog analysis
Message me with your project and I'll recommend the best way to start.
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Qué necesitas de mí para empezar?
Por favor comparte tus colores de marca existentes, tipografía, directrices visuales, archivo Figma, producto actual o referencias. Para los paquetes Standard y Premium, también puedo ayudar a definir o refinar la base visual.
¿Qué tecnologías utilizas?
Trabajo principalmente con React, Tailwind CSS, shadcn/ui, Radix UI y Storybook. La pila exacta puede ajustarse según los requisitos de tu proyecto actual.
¿Recibiré componentes React reutilizables?
Sí. Los componentes están diseñados para ser reutilizables y escalables, con variantes, estados, comportamiento responsivo y estilo coherente.
¿Qué se considera un componente?
Un componente estándar puede ser un botón, entrada, insignia, tarjeta, casilla, selector, etc. Elementos avanzados como tablas de datos, formularios complejos, selectores de fecha o componentes de múltiples pasos pueden contar como varios componentes dependiendo de su funcionalidad.
¿Proporcionas un sistema de diseño en Figma?
Sí. Una biblioteca completa de componentes en Figma está incluida en el paquete Premium y también puede añadirse a otros paquetes como extra.
¿Puedes trabajar con mi archivo de Figma existente?
Sí. Puedo usar tus componentes, estilos, tokens y directrices de marca existentes en Figma y traducirlos en componentes React reutilizables.
No tengo colores de marca ni directrices de UI. ¿Puedes ayudar?
Sí. La opción Standard incluye consultoría y refinamiento de UI. La opción Premium incluye investigación más profunda de marca y competencia, dirección de color, fundamentos visuales y el sistema correspondiente en Figma y React.
¿Configurarás Storybook?
Sí. La documentación de Storybook está incluida para que tu equipo pueda ver componentes, variantes, estados y uso en un solo lugar.
¿Puedes crear modo oscuro o múltiples temas?
Sí. El soporte para temas, incluyendo modo oscuro y temas adicionales, puede añadirse según tus requisitos y alcance del paquete.
¿Puedes trabajar dentro de mi proyecto React existente?
Sí. Por favor, contáctame antes de ordenar y comparte tu pila actual y requisitos para confirmar compatibilidad y alcance.
