diff --git a/articles/ai's_potential_is_huge,_but_it's_human_ingenuity_that_will_change_the_world.md b/articles/ai's_potential_is_huge,_but_it's_human_ingenuity_that_will_change_the_world.md index cd255f1..7a72a90 100644 --- a/articles/ai's_potential_is_huge,_but_it's_human_ingenuity_that_will_change_the_world.md +++ b/articles/ai's_potential_is_huge,_but_it's_human_ingenuity_that_will_change_the_world.md @@ -2,7 +2,7 @@ title: AI's potential is huge, but it's human ingenuity that will change the world description: AI is a powerful tool, but human creativity drives true innovation. This post explores how AI enhances, not replaces, human ingenuity in software development, highlighting Bitloops' approach to combining AI automation with human oversight for high-quality results. author: Sergio -date: 14-10-2024 +date: 14-October-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/AI's%20potential%20is%20huge%20but%20it's%20human%20ingenuity%20that%20will%20change%20the%20world/ai_and_humans_working_together.png tags: ['Future of AI', 'Bitloops AI Workflow', 'Design-to-Code Automation', 'AI-Assisted Coding','AI and Human Collaboration','AI Limitations'] --- diff --git a/articles/automating_frontend_development_workflow.md b/articles/automating_frontend_development_workflow.md index 5c99746..2a0cd4c 100644 --- a/articles/automating_frontend_development_workflow.md +++ b/articles/automating_frontend_development_workflow.md @@ -2,7 +2,7 @@ title: Automating Professional Frontend Development description: Struggling with manual UI development and slow design-to-code workflows? Learn how frontend automation can cut development time by 40%, improve design consistency, and reduce technical debt. Discover how tools like Bitloops streamline UI implementation by automating code generation, testing, and updates—helping your team ship faster and more efficiently. author: Sergio -date: 13-03-2025 +date: 13-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/automating_frontend_development_workflow/automate_frontend_development_workflow.png tags: ['Figma-to-React', 'Frontend Development', 'Design-to-Code Automation','Frontend Engineer','Frontend AI Agent'] --- diff --git a/articles/automation_designer_developer.md b/articles/automation_designer_developer.md index fd478e6..08bba04 100644 --- a/articles/automation_designer_developer.md +++ b/articles/automation_designer_developer.md @@ -2,7 +2,7 @@ title: Automation can improve collabration between designers and developers description: Discover how automation bridges the gap between designers and developers by eliminating miscommunication, reducing rework, and streamlining workflows. Learn how tools like Bitloops enhance collaboration through real-time updates, automated handoffs, and design-to-code consistency. author: Sergio -date: 15-03-2025 +date: 15-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/automation_designer_developer/design_to_code_handover.png tags: ['Design Handoff', 'Frontend Automation', 'Design-to-Code','frontend workflow','Design-Dev Collaboration'] --- diff --git a/articles/best_practices_frontend_code_consistency.md b/articles/best_practices_frontend_code_consistency.md index 94dd709..4ba9225 100644 --- a/articles/best_practices_frontend_code_consistency.md +++ b/articles/best_practices_frontend_code_consistency.md @@ -2,7 +2,7 @@ title: Best practices for frontend code consistency description: Ensuring code consistency in large frontend teams is critical for scalability, maintainability, and faster development cycles. Without standardization, teams face debugging nightmares, slow onboarding, and technical debt. This guide explores the best practices for keeping frontend code clean, structured, and efficient—covering coding standards, linting, version control, and modular architecture. Discover how Bitloops automates structured, reusable code, ensuring teams scale without sacrificing quality. author: Sergio -date: 17-03-2025 +date: 17-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/best_practices_code_consistency/code_consistency_best_practices.png tags: ['Code Consistency', 'Best Practices', 'Scalable frontend','Frontend Development','Code Quality'] --- diff --git a/articles/bitloops-because-we-are-believers.md b/articles/bitloops-because-we-are-believers.md index 1d8cc8e..8845857 100644 --- a/articles/bitloops-because-we-are-believers.md +++ b/articles/bitloops-because-we-are-believers.md @@ -2,7 +2,7 @@ title: Bitloops - Because we are Believers! description: Designing, building and managing large and complex software does not have to be so hard. We believe it is possible to radically transform how software is developed by incorporating best-practices, design principles and patterns into the software development process. author: Vasilis -date: 30-11-2022 +date: 30-November-2022 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/light-bulb.jpg tags: ['Software Development', 'Developer Productivity', 'Vision', 'Developer Platform', 'Technical Debt','Software Design'] --- diff --git a/articles/build-better-software-faster.md b/articles/build-better-software-faster.md index 5c7088f..e90beaf 100644 --- a/articles/build-better-software-faster.md +++ b/articles/build-better-software-faster.md @@ -2,7 +2,7 @@ title: Build Faster and Smarter with the Right Tools description: Discover how innovative developer tools are transforming software development by enabling faster, more efficient workflows, and smarter coding practices. Learn how the right tools can help you build high-quality software, streamline processes, and enhance productivity. author: Sergio -date: 04-12-2022 +date: 04-December-2022 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/code.jpg tags: ['Developer Tools', 'Software Development', 'Developer Productivity', 'Software Engineering', 'Software Design', 'Best Practices'] --- diff --git a/articles/decoding-designs-how-bitloops-identifies-sections.md b/articles/decoding-designs-how-bitloops-identifies-sections.md index 3adfa89..ee3fa1c 100644 --- a/articles/decoding-designs-how-bitloops-identifies-sections.md +++ b/articles/decoding-designs-how-bitloops-identifies-sections.md @@ -2,7 +2,7 @@ title: Decoding Design - Bitloops Automation for Sections description: Identifying sections of your website or web app is normally very intuitive for humans, but less so for computers. Bitloops identifies sections creating project structures that meet your expectations author: Antonis -date: 12-02-2024 +date: 12-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/div-soup.jpg tags: ['Software Development', 'Design-2-Code','Frontend AI-Agent','Figma-2-React', 'Section Identification', 'React Components'] --- diff --git a/articles/converting-figma-designs-into-professional-react-code.md b/articles/design-to-code_workflow_challenges.md similarity index 97% rename from articles/converting-figma-designs-into-professional-react-code.md rename to articles/design-to-code_workflow_challenges.md index 8dd1444..3dc8cd2 100644 --- a/articles/converting-figma-designs-into-professional-react-code.md +++ b/articles/design-to-code_workflow_challenges.md @@ -1,8 +1,8 @@ --- -title: Converting Figma Designs into Professional React Code! -description: Practical, step-by-step guide on how to convert designs into well-structured, responsive and component-based React code. Overview of the key steps, challenges and how Bitloops can be used to significantly expedite the process +title: Challenges in Design-to-Code workflows (and how AI helps) +description: Explore the challenges of design-to-code workflows and learn how frontend engineers turn Figma designs into scalable, maintainable React applications. author: Sergio -date: 09-02-2024 +date: 09-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/figma-to-react.png tags: ['Software Development', 'Design-2-Code','Frontend AI-Agent','Figma-2-React','Frontend Development','React Components'] --- @@ -275,7 +275,7 @@ Here’s an overview of the process, along with potential challenges and tips fo - **Responsive Assets:** Consider exporting images in multiple resolutions or using vector formats like SVG when appropriate to accommodate different device sizes and resolutions. -This is where Bitloops’ Asset Extractor kicks in. Whilst there are some Figma plugins that can automate parts of the export process, Bitloops offers a more complete solution by exporting all images at once, organizing them into respective folders, and generating various formats and sizes +This is where Bitloops’ Asset Extractor kicks in. Whilst there are some plugins that can automate parts of the export process, Bitloops offers a more complete [figma-to-react](https://bitloops.com/blog/how_to_convert_figma_into_react) solution by exporting all images at once, organizing them into respective folders, and generating various formats and sizes ### Testing, Refinement and Deployment Once the foundational coding and asset management are in place, the next critical phases in web development are testing, refinement, and deployment. This stage is where the application is rigorously evaluated, polished, and finally made available to end-users. Here's an outline of this crucial process: @@ -390,7 +390,7 @@ With these 3 quick steps, you’ll benefit from the structured, maintainable cod In the rapidly evolving world of web development, the journey from design to code embodies the fusion of creativity and technical precision. Bitloops aims to be a beacon of innovation, offering a transformative solution that redefines the essence of frontend engineering. It's more than a tool; it's a catalyst for change, streamlining the development process and setting a new standard for efficiency and collaboration. -Bitloops represents an era where the focus shifts from the mundane to the extraordinary. By automating the conversion of designs into professional, maintainable code, Bitloops liberates developers to invest their time and talent in what truly matters: crafting exceptional digital experiences that captivate and engage. This automation is not a replacement for the developer's role but an elevation, enhancing creativity and enabling a deeper focus on innovation and user engagement. +[Bitloops](https://bitloops.com) represents an era where the focus shifts from the mundane to the extraordinary. By automating the conversion of designs into professional, maintainable code, Bitloops liberates developers to invest their time and talent in what truly matters: crafting exceptional digital experiences that captivate and engage. This automation is not a replacement for the developer's role but an elevation, enhancing creativity and enabling a deeper focus on innovation and user engagement. The integration of Bitloops with industry staples like Figma and Visual Studio Code is a testament to its commitment to enhancing, not disrupting, existing workflows. It's an invitation to developers and designers to step into the future, one where the gap between design and code is seamlessly bridged, and the potential for innovation is boundless. diff --git a/articles/developer-productivity-has-a-cancer-and-its-called-technical-debt.md b/articles/developer-productivity-has-a-cancer-and-its-called-technical-debt.md index e4a00b4..54a437a 100644 --- a/articles/developer-productivity-has-a-cancer-and-its-called-technical-debt.md +++ b/articles/developer-productivity-has-a-cancer-and-its-called-technical-debt.md @@ -2,7 +2,7 @@ title: Developer productivity has a cancer and its called technical debt! description: Developers want to be productive, solve problems and see their hard work come to fruition. Technical debt reduces productivity greatly when unmanaged! author: Antonis -date: 03-12-2022 +date: 03-December-2022 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/code.jpg tags: ['Technical Debt', 'Developer Productivity', 'Clean Architecture', 'Clean Code'] --- diff --git a/articles/faster-software-development.md b/articles/faster-software-development.md index 32a39e4..93ce1c6 100644 --- a/articles/faster-software-development.md +++ b/articles/faster-software-development.md @@ -2,7 +2,7 @@ title: Mastering Speed in Software Development description: Learn how to deliver better software faster by managing complexity, minimizing rework, and improving developer focus without burnout. author: Sergio -date: 25-10-2024 +date: 25-October-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/faster%20software%20development/faster_software_development.jpg tags: ['Software Development', 'Developer Productivity','Technical Debt','Agile Development', 'Development Speed', 'Continuous Improvement'] --- diff --git a/articles/figma-to-nextjs-beginners-guide.md b/articles/figma-to-nextjs-beginners-guide.md index 98d6b81..88f3919 100644 --- a/articles/figma-to-nextjs-beginners-guide.md +++ b/articles/figma-to-nextjs-beginners-guide.md @@ -2,7 +2,7 @@ title: A Beginners Guide to converting Figma Designs to Next.js description: Step-by-step guide on how to convert figma designs into a Next.js project, ensuing the code is well-structured, responsive and component-based. Overview of the key steps, challenges and how Next.js and Bitloops can expedite the process author: Vasilis -date: 12-02-2024 +date: 12-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Figma-to-next.jpg tags: ['Software Development', 'Figma-to-Next.js', 'Design-to-Code','Frontend Co-Pilot','Frontend Engineeering', 'Next.js Tutorial'] --- @@ -158,7 +158,9 @@ Set up custom configurations, such as image domains, redirects, or environment v - Analyze the design and list out all unique components. Prioritize building atomic components first (e.g., buttons, inputs). 2. **Create React Component:** - - For each design component, create a matching React component. Use styled-components or CSS Modules to style your components based on the design tokens defined in Figma. + - For each design component, create a matching React component. Use styled-components or CSS Modules to style your components based on the design tokens defined in Figma. + +**Note: [Bitloops](https://bitloops.com) is being built to execute both these tasks: analyze & componentize a design, and then build the individual react components automatically.** **Example: Creating a Button Component:** diff --git a/articles/from_lego_to_code_the_power_of_module_building.md b/articles/from_lego_to_code_the_power_of_module_building.md index 9c7c338..c5edcb4 100644 --- a/articles/from_lego_to_code_the_power_of_module_building.md +++ b/articles/from_lego_to_code_the_power_of_module_building.md @@ -2,7 +2,7 @@ title: From Lego to Code - The power of Modular Building description: Discover how the principles behind building with Lego apply to modern software development. Learn how modular components, automation, and tools like Bitloops can help developers build faster, smarter, and more efficiently—block by block. author: Sergio -date: 20-10-2024 +date: 20-October-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/from_lego_to_code/from_lego_to_code.jpg tags: ['Modular Development', 'Component Reusability','Frontend Engineering','Automation in Coding', 'Design-to-Code', 'UI Components'] --- diff --git a/articles/future-of-backend-development.md b/articles/future-of-backend-development.md index 2fe7f23..13857a8 100644 --- a/articles/future-of-backend-development.md +++ b/articles/future-of-backend-development.md @@ -2,7 +2,7 @@ title: Backend Development with high-productivity language description: The future of backend development is with a high-productivity, 4th generation programming language that boosts developer velocity throughout entire lifecycle. author: Sergio -date: 04-12-2022 +date: 04-December-2022 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/paints.jpg tags: ['Backend Development', 'Bitloops Language', 'Developer Productivity', 'Future of Software', 'Developer Velocity','Software Engineering'] --- diff --git a/articles/global-css-there's-got-to-be-a-better-way.md b/articles/global-css-there's-got-to-be-a-better-way.md index f023e30..f60c986 100644 --- a/articles/global-css-there's-got-to-be-a-better-way.md +++ b/articles/global-css-there's-got-to-be-a-better-way.md @@ -2,7 +2,7 @@ title: Global CSS - There's got to be a better way description: Cascading Style Sheets are the backbone of website's visual identify, and managing this requires experience, structure organization and foresight. Understanding the challenges will help you become a better web developer author: Sergio -date: 12-02-2024 +date: 12-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/global_css.jpg tags: ['Software Development', 'Design-2-Code','Frontend AI-Agent','Figma-2-React', 'Global CSS', 'Cascading Style Sheets'] --- diff --git a/articles/hidden_costs_poor_frontend_automation.md b/articles/hidden_costs_poor_frontend_automation.md index d15be07..0bc92d1 100644 --- a/articles/hidden_costs_poor_frontend_automation.md +++ b/articles/hidden_costs_poor_frontend_automation.md @@ -2,7 +2,7 @@ title: Hidden costs of poor frontend automation author: Sergio description: Discover how technical debt, slow development cycles, and scalability issues can drain your resources—and how Bitloops automates frontend workflows to cut costs, improve code quality, and accelerate product launches. Learn how automation reduces bugs, prevents developer burnout, and ensures your team focuses on innovation instead of tedious manual tasks. Optimize your frontend development today with Bitloops. -date: 15-03-2025 +date: 15-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/hidden_cost_poor_frontend_automation/traditional_vs_ai_powered_frontend_development.png tags: ['Code Quality', 'Frontend Automation', 'UI Component Automation','Frontend Development','Frontend Best Practices'] --- diff --git a/articles/how-to-become-a-top-5-percent-software-engineer.md b/articles/how-to-become-a-top-5-percent-software-engineer.md index c8f535c..0b951e7 100644 --- a/articles/how-to-become-a-top-5-percent-software-engineer.md +++ b/articles/how-to-become-a-top-5-percent-software-engineer.md @@ -2,7 +2,7 @@ title: How to Become a Top 5% Software Engineer description: Unlock the secrets to becoming a top 5% software engineer. Learn essential skills, best practices, and strategies to master coding, software design, and career growth. Transform your passion for coding into a successful career! author: Sergio -date: 23-09-2024 +date: 23-September-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/how%20to%20become%20top%205%25%20engineer%20blog%20image.jpg tags: ['Software Engineer', 'Software Development', 'Coding Skills', 'Developer Career', 'Programming', 'Tech Career'] --- diff --git a/articles/how-to-become-a-top-software-engineer.md b/articles/how-to-become-a-top-software-engineer.md index b6d90af..6475c89 100644 --- a/articles/how-to-become-a-top-software-engineer.md +++ b/articles/how-to-become-a-top-software-engineer.md @@ -2,7 +2,7 @@ title: 13 Essential Traits to Become a Software Engineer and crush it! description: Learn how to become a successful software engineer by mastering essential traits like technical knowledge, problem-solving, and teamwork. Discover the key steps to start and excel in your software engineering career. author: Sergio -date: 22-10-2024 +date: 22-October-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/How%20to%20become%20a%20developer/how_to_become_a_software_developer.jpg tags: ['Software Engineering', 'Coding Best Practices','Career Growth','Become a Developer', 'Problem-Solving Skills', 'Software Architecture'] --- diff --git a/articles/how_to_convert_figma_into_react.md b/articles/how_to_convert_figma_into_react.md index 1718860..44d891c 100644 --- a/articles/how_to_convert_figma_into_react.md +++ b/articles/how_to_convert_figma_into_react.md @@ -1,8 +1,8 @@ --- title: Converting Figma Designs into React Components like a Pro! -description: Want to streamline your Figma to React workflow? This step-by-step guide shows you how to convert Figma designs into reusable React components, manage assets, apply CSS styling, and ensure responsiveness. Learn best practices for structuring your project and see how Bitloops automates the process, saving developers 10+ hours of manual work. +description: Step-by-step guide to convert Figma designs into React components. Learn best practices for clean, reusable code and see how Bitloops automates the process. author: Sergio -date: 10-03-2025 +date: 10-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Convert%20Figma%20designs%20into%20React%20Code/convert_figma_to_react_code.png tags: ['Figma-to-React', 'Frontend Automation', 'Design-to-Code Automation','Frontend Development','Design-to-Code'] --- diff --git a/articles/managing-images-a-comprehensive-guide.md b/articles/managing-images-a-comprehensive-guide.md index 4268e5a..2aa30de 100644 --- a/articles/managing-images-a-comprehensive-guide.md +++ b/articles/managing-images-a-comprehensive-guide.md @@ -2,7 +2,7 @@ title: Taming the Asset Jungle in Frontend Development description: Elevate user experience with innovative strategies for frontend asset optimization. author: Sergio -date: 12-02-2024 +date: 12-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/asset_jungle.png tags: ['Software Development', 'Design-2-Code','Frontend AI-Agent','Figma-2-React', 'Asset Management', 'Managing Images'] --- diff --git a/articles/new-version-release-enhanced-control.md b/articles/new-version-release-enhanced-control.md index 0141701..104bff2 100644 --- a/articles/new-version-release-enhanced-control.md +++ b/articles/new-version-release-enhanced-control.md @@ -2,7 +2,7 @@ title: Empowering Developers with Enhanced Control description: We're working on a new version of Bitloops. Our focus remains on developer productivity with innovative design-to-code automation. Our up-coming platform release offers enhanced control, allowing developers to fine-tune automated code for more personalized and efficient project outcomes. author: Vasilis -date: 14-06-2024 +date: 14-June-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Convert_designs_to_code.jpg tags: ['Design-to-Code', 'Frontend Development', 'Figma-to-Code', 'HTML', 'CSS', 'React'] --- diff --git a/articles/over-engineered-todo-app-to-learn-ddd-hexagonal-architecture-cqrs-and-event-sourcing.md b/articles/over-engineered-todo-app-to-learn-ddd-hexagonal-architecture-cqrs-and-event-sourcing.md index 8cf1656..e66331c 100644 --- a/articles/over-engineered-todo-app-to-learn-ddd-hexagonal-architecture-cqrs-and-event-sourcing.md +++ b/articles/over-engineered-todo-app-to-learn-ddd-hexagonal-architecture-cqrs-and-event-sourcing.md @@ -2,7 +2,7 @@ title: Over-engineered ToDo App using DDD, CQRS, Hexagonal & Event Sourcing description: Designing, building and managing large and complex software does not have to be so hard. We believe it is possible to radically transform how software is developed by incorporating best-practices, design principles and patterns into the software development process. author: Vasilis -date: 05-04-2023 +date: 05-April-2023 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/todo-app-resized-cropped.jpeg tags: ['Domain-Driven-Design', 'CQRS', 'Hexagonal Architecture', 'Software Patterns', 'Clean Architecture', 'Event Sourcing'] --- diff --git a/articles/streamlining_component_reusability.md b/articles/streamlining_component_reusability.md index cdb2ba7..7085341 100644 --- a/articles/streamlining_component_reusability.md +++ b/articles/streamlining_component_reusability.md @@ -2,7 +2,7 @@ title: Streamlining Component Reusability - Building Smarter UI Systems with Bitloops description: Struggling with bloated UI code and inconsistent components? Learn how component reusability improves frontend scalability, maintainability, and efficiency. This guide explores best practices for reusable components and how Bitloops automates the process, saving developers hours of manual work. author: Sergio -date: 11-03-2025 +date: 11-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Streamliing_Component_Reusability/less_code_more_power.png tags: ['Frontend Best Practices', 'Component Reusability', 'Frontend Scalability','Reusable UI Components','Design-to-Code'] --- diff --git a/articles/the-journey-the-vision-changing-how-software-is-built.md b/articles/the-journey-the-vision-changing-how-software-is-built.md index 7eed061..7fd4e77 100644 --- a/articles/the-journey-the-vision-changing-how-software-is-built.md +++ b/articles/the-journey-the-vision-changing-how-software-is-built.md @@ -2,7 +2,7 @@ title: The Journey, The Vision - Changing backend software | Bitloops description: How often have your product ideas been shelved due to lack of resources, or high cost / time to implement? Well, we at Bitloops want to change that! author: Sergio -date: 29-11-2022 +date: 29-November-2022 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/luggage.jpg tags: ['Bitloops Language', 'Clean Architecture', 'Clean Code', 'Developer Productivity','Backend Development','Software Development'] --- diff --git a/articles/the_illusion_of_infinite_software.md b/articles/the_illusion_of_infinite_software.md index a321d81..4dd8313 100644 --- a/articles/the_illusion_of_infinite_software.md +++ b/articles/the_illusion_of_infinite_software.md @@ -2,7 +2,7 @@ title: The Illusion of Infinite Software - Why AI Won’t Replace Great Engineering description: AI is reshaping software development, but does it signal the end of software engineering? This article explores the reality behind AI-generated code, its limitations, and why human expertise in product design, UX, and scalability remains crucial for building high-quality software. author: Sergio -date: 14-03-2025 +date: 14-March-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Illusion%20of%20infinite%20software/the_ai_development_maze.jpeg tags: ['Future of AI', 'Bitloops AI Workflow', 'Design-to-Code Automation','AI and Human Collaboration','AI Limitations'] --- diff --git a/articles/we-raised-1M-to-fix-frontend-code-generation-propertly.md b/articles/we-raised-1M-to-fix-frontend-code-generation-propertly.md index 093142c..4d4f03b 100644 --- a/articles/we-raised-1M-to-fix-frontend-code-generation-propertly.md +++ b/articles/we-raised-1M-to-fix-frontend-code-generation-propertly.md @@ -2,7 +2,7 @@ title: We raised €1M euros to fix frontend code generation - Propertly! description: Bitloops raises €1M to revolutionize frontend code generation. Discover how we're turning Figma designs into production-ready React code with AI that writes like a senior developer—clean, scalable, and design-system friendly. author: Vasilis -date: 18-06-2025 +date: 18-June-2025 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/Bitloops_Team_Photo.jpg tags: ['Future of AI', 'Bitloops AI Workflow', 'Design-to-Code Automation', 'AI-Assisted Coding','Pre-Seed','Venture Capital'] --- diff --git a/articles/words-matter-revolutionizing-text-management.md b/articles/words-matter-revolutionizing-text-management.md index 2aecccf..4b79662 100644 --- a/articles/words-matter-revolutionizing-text-management.md +++ b/articles/words-matter-revolutionizing-text-management.md @@ -2,7 +2,7 @@ title: Words Matter - Revolutionizing Text Management in Web Projects description: Manage your text like an experienced frontend engineer with a simple click. Bitloops helps you extract and manage your text fields with ease, allowing you to connect them to content management systems, add translations, etc. author: Sergio -date: 12-02-2024 +date: 12-February-2024 image: https://storage.googleapis.com/bitloops-github-assets/Blog%20Images/words-matter-frontend-development.jpg tags: ['Software Development', 'Design-2-Code','Frontend AI-Agent','Figma-2-React', 'Text Management', 'Managing Text'] --- diff --git a/index.json b/index.json index 6b0e1a8..6537cc7 100644 --- a/index.json +++ b/index.json @@ -54,7 +54,7 @@ "id": "global-css-there's-got-to-be-a-better-way" }, { - "id": "converting-figma-designs-into-professional-react-code" + "id": "design-to-code_workflow_challenges" }, { "id": "future-of-backend-development"