Another month, another batch of upgrades from the Codespell engine room. From enforcing your team’s coding standards to turning Figma designs into real code (yes, really), June’s updates are all about velocity, consistency, and delight for developers and architects alike.

Let’s break it down!

Rules: Custom Code Standards, Now Baked In

You asked for it and now you’ve got it. Rules are finally here, letting you define and enforce your own configuration standards across projects.

Think of Rules as your codebase’s moral compass. Set guidelines for naming, formatting, performance, and security so your team stays aligned, productive, and free of “Wait, why is this written like that?” debates.

What can you enforce?

• Naming conventions (e.g., camelCase, snake_case) ‍
• Formatting (indentation, max line length, brace styles) ‍
• Security checks (e.g., prevent unsafe input handling) ‍
• Performance tips (avoid nested loops, optimize DB calls) ‍
• Error handling (consistent try-catch, clear messages)

Rules help you go from “code that works” to “code that lasts.”

Design to Code Levels Up: .NET 8.0 & 9.0 Support

We’ve added support for .NET 8.0 and 9.0 in Design to Code, so you can stay current with Microsoft’s latest frameworks while accelerating your infra builds. Whether you're modernizing legacy apps or starting greenfield projects, your architecture-to-IaC pipeline now speaks fluent .NET.

Just drop in your blueprint. Design to Code does the rest.

Figma to Code: From Mockup to Markup

Design and development just shook hands. Our new Figma to Code feature transforms your UI designs into production-ready React or Angular code, intelligently preserving the layout, styling, and component hierarchy.

Here’s how it helps:

• Design system-aware: It respects your tokens and component libraries, reducing rewrites. ‍
• Accurate layouts: Maintains pixel-perfect positioning with sensible CSS and grid logic. ‍
• Ready for development: The generated code is clean, readable, and maintainable—designed to be used in production. ‍
• Faster iteration: When designers update the Figma file, developers can sync the changes effortlessly ensuring smooth, low-friction handoffs.

Learn more about how it works on our blog, but TL;DR: it’s the fastest route from wireframe to working UI.

IAC Studio: Upload Diagrams, Auto-Import Resources

We’ve made Infrastructure-as-Code even more intuitive. IAC Studio now supports image uploads for architecture diagrams, eliminating the need to manually define your infra components from scratch.

Just upload a system diagram, drawn in Miro, Lucidchart, or even a sketch, and Codespell will:

• Detect components and groupings.
• Map them to relevant cloud or service modules.
• Let you start editing, linking, and exporting in one seamless flow.

It’s visual-first infra building. No heavy lifting required.

That’s a wrap for June! Got questions or requests for next month? You know where to find us.

Until then,
– Team Codespell