About me
Hi, I’m Raouf Belakhdar, a 33-year-old product designer with a passion for building innovative design tools and creating educational content. With a background in web design and user interfaces since 2011, I’m a self-taught designer who has adapted to the constantly evolving design field. Throughout my career, I’ve gained experience in both designing and front-end coding for various projects. Currently, I’m dedicated to building design tools that empower designers and sharing my knowledge through my blog and YouTube channel.
Skills
Building User interfaces for websites, web apps, and mobile apps.
Building Design systems.
Transforming my design to front end code.
Documenting my process through writing and videos.
Tools
Figma
Html/Css
Git
Adobe image and video editing tools: Photoshop, Lightroom, Premier pro, and After Effects.
Ai Tools: ChaptGPT, Descript.
Work Experience:
UI/UX Designer [Net-outsourcing] [2011 – 2017]
- Collaborated with cross-functional teams to design and develop user interfaces for websites and mobile apps.
- Translated designs into front end code using HTML/CSS and JavaScript.
- Documented design processes through writing and videos.
UI/UX Designer [Freelance] [2018 – 2020]
- Design user interfaces for websites and mobile apps.
- Translated designs into front end code using HTML/CSS and JavaScript.
Product Designer [Captain-design] [2020 – 2023]
- Design Figma plugins
- Build Ui kits
- Design a marketplace with +100 templates
- Creating educational content about design tools
Notable Projects:
Since 2011, I have been building websites and designing user interfaces for mobile apps and data-driven projects. However, in this section, I am only displaying my work from 2020 onwards, which is when I began my design business. My belief is that the best design products are those that are ultimately sold to the end-user.
Figma Plugins
I enjoy utilizing my design and front-end coding skills to create design tools that aid myself and fellow designers in their daily tasks. Over time, I’ve developed several Figma plugins, including two plugins that I co-designed and published for the Figma community in collaboration with a back-end developer.
Theme composer Plugin
Theme Composer is a Figma plugin that allows you to create a complete website with Figma + HTML5 and CSS without writing a single line of code.
Used by +7500 Figma users
Plugin’s home page: https://www.captain-design.com/plugin/theme-composer
Demo video: https://www.youtube.com/watch?v=–ZMij_uLdc
Download: https://www.figma.com/community/plugin/1031231406409957685/Theme-Composer
Thumblisher Plugin
Quickly produce different image formats that are tailored for each social media platform’s profiles, posts, and campaigns.
Used by +1700 Figma users
Plugin’s home page: https://www.captain-design.com/plugin/thumblisher
Demo video: https://www.youtube.com/watch?v=KdqfDtOG4Ug
Download: https://www.figma.com/community/plugin/1037826586645134259/Thumblisher
UI Kit
I thoroughly enjoy creating user interface kits that help streamline the design process for fellow designers, resulting in faster project delivery and increased efficiency.
UI Max
Find unique UI cards and limitless design combinations to build a complete website.
Used by + 6500 Figma users
Product home page: https://www.captain-design.com/uikit/ui-max
Product demo: https://www.youtube.com/watch?v=1drDHQRvAb0
Free version: https://www.figma.com/community/file/852668155752191601/Ui-Max—Create-a-complete-website-faster
Essential UI
Limitless design combinations to build a complete website for eCommerce, mobile app, saas, creative solutions, and many other business areas.
Used by + 27800 Figma users
Product home page: https://www.captain-design.com/uikit/essential-ui-pro
Product demo: https://www.youtube.com/watch?v=pKeIKZRaTMY
Free version: https://www.figma.com/community/file/883657911603554993/Essential-UI—Figma-Ui-Kit
E-commere UI
Clean, neat, modern, and mobile first design to build a complete e-commerce website.
Used by +5000 Figma users
Product home page: https://www.captain-design.com/uikit/ecommerce-ui
Free version: https://www.figma.com/community/file/1102233251923362930
Design System
Master UI Plus
Master UI Plus is a design system that comes with a range of components that enable you to create designs that engage and captivate your users. With a variety of interactive components such as dropdowns, navbars, cards, and more, you’ll have everything you need to create delightful experiences that keep your users coming back for more.
Used by +800 designers
Product page: https://captaindesign.gumroad.com/l/masteruiplus/mw0zoyb
preview download : https://www.figma.com/community/file/1193245885411127172/Master-UI-Design-System—Streamline-Your-Design-Process
Website Templates
I have built more than a hundred template that accumulated more than 100K download over the web.
Figma community: https://www.captain-design.com/templates/
Website
Captain design
Captain design is a Figma template marketplace and a place to learn how to use Figma to design better products.
The website has a daily traffic of more than 1000 user and it is growing each month.
Website: captain-design.com
I also like to Experiment
With the Ai revolution, i started experimenting with AI Tools such as ChatGPT and Descript to create content at scale and here is three youtube channel that I’ve launched around my hobbies for fun and profit using AI:
Learn Spanish With Short Stories
https://www.youtube.com/channel/UCil9-SkYKMZNfeP7mzf4RDA
Productivity Peak
https://www.youtube.com/channel/UCkj97w1slwzVITddhUjyTUg
Creative Writing Examples
https://www.youtube.com/channel/UCLvN-sVVL12rm0sWzwPAbPA
You find me online
Youtube Channel: https://www.youtube.com/@raoufbelakhdar
Blog: https://www.captain-design.com/blog/
Figma community: https://www.figma.com/@raoufBelakhdar
Email: [email protected], [email protected]