Figma-to-Code Video Tutorial Development

Job ID: 39276747

Budget: $30 – $250 USD

Figma-to-Code Workflow with Flowbite, TailwindCSS, and BladeOne (PHP)
Description:
We’re looking for a frontend developer to create a short, clear video walkthrough (10–15 minutes) showing how to convert a Figma design into working code using Flowbite Pro, TailwindCSS, and integrate it into a PHP templating setup using BladeOne (https://github.com/EFTEC/BladeOne).
This video will be used internally to help our team understand the full handoff, from design in Figma to functional frontend in our lightweight PHP stack.
What to Cover:
- How to interpret a Figma layout and identify Flowbite-compatible components
- How to implement the layout using Tailwind utility classes and Flowbite Pro components
- How to import that code into a BladeOne view/template in a clean, reusable way
- Basic structure of BladeOne templates (@include, @section, @yield)
- Optional: Tips for structuring the layout for responsiveness and maintainability
Requirements:
- Strong experience with TailwindCSS, Flowbite Pro, and Figma handoffs
- Familiarity with PHP templating engines (BladeOne or Laravel Blade)
- Ability to record a clear, concise screen recording with voiceover or captions
- Delivery: video file or hosted link (YouTube unlisted, Loom, etc.)
To Apply:
- Briefly describe your experience with Flowbite, Tailwind, and Figma-to-code workflows
- Link to any similar tutorials, recordings, or demos (if available)
Share your rate and estimated turnaround time
Related categories: PHP JavaScript CSS HTML5 HTML