AI Workflow

How AI tooling supports the design process.

Tools I use

• FigmaDesignexpert

  Figma allow me to turn big ideas into real products. Ideal to make brainstorm, design, and build products with the team.

• Claude CodeCodingadvanced

  AI assistant used for product strategy, writing, research synthesis and development workflows.

• CursorCodingadvanced

  A code editor with integrated artificial intelligence, designed to accelerate software development.

• GeminiCodingproficient

  Gemini is a family of multimodal artificial intelligence models and an AI-powered virtual assistant developed by Google.

• Google AntigravityCoding

  Advanced "agent-first" software development platform and Integrated Development Environment (IDE) that allows users to build applications using autonomous AI agents rather than writing code line-by-line.

• VS CodeCoding

  It is a powerful tool to work with code, used to write, edit, debug, and manage code across virtually all programming languages

• SupabaseCodingproficient

  Supabase is an open-source alternative to Firebase that provides a complete, ready-to-use backend for web and mobile applications.

• GitHubCodingfamiliar

  GitHub is a cloud-based platform and hosting service used by software developers to store, manage, and collaborate on code.

• HTML/CssCodingexpert

  HTML provides the raw structure and content of a webpage, while CSS defines its visual presentation, layout, and design. Think of HTML as the skeleton of a house and CSS as the paint, furniture, and interior styling.

• Adobe PhotoshopDesignexpert

  Photoshop is industry-standard image editing and graphic design software developed by Adobe.

• TrelloProject Managment
• Design ThinkingDesign
• MiroProject Managmentadvanced

  Miro is a collaborative, cloud-based visual workspace and digital whiteboard. It provides an infinite canvas where teams can brainstorm, design, and manage projects in real-time or asynchronously.