Figma delighted both designers and developers in February: a new, more precise SVG export and the ability to lock aspect ratios make working with graphics significantly easier. Tailwind 4 also appeared on the scene, speeding up builds considerably and bringing fantastic new features for responsive design, thanks in large part to CSS variable support.
Meanwhile, Anthropic announced Claude 3.7 Sonnet with improved agent-based coding and close integration with GitHub. And what about PHP? Despite all the new technologies, it still holds a strong position—version 8 is now widely adopted, and Laravel continues to reign among frameworks. Check out the tech news from February that caught our eye!
1
Better SVG Exports and Aspect Ratio Lock
Lukáš Figely
DeveloperUX/UI dizajnér
February’s updates once again prove this, offering practical improvements for both designers and developers.
If you work on visually demanding websites, you’ll appreciate the improved export of SVG graphics. Until now, certain nested elements with effects like drop-shadow or background-blur could cause issues during export. After the update, however, exporting is much more accurate, and the resulting SVG files will better match your designs.
Aspect Ratio Lock
Designers can now lock an object’s aspect ratio—most often images—so that it maintains its correct proportions even when resized. This enhancement significantly simplifies the management of large design systems. Previously, you needed to create three different component versions for mobile, tablet, and desktop. Now you only need a single, flexible version that automatically adapts. For a better idea, check out the official video.
It’s also good news for developers: if they agree with the designer on exporting components directly from Figma in code, there’s no longer a need for extensive manual notes on the correct aspect ratio.
Tip: Exporting Components to HTML
If you’re looking for a straightforward way to export, I recommend the AutoHTML plugin.
It works even without Dev Mode (so it’s free) and generates cleaner code (e.g., Figma CSS might say aspect-ratio: 40.00/22.50; whereas the AutoHTML plugin says aspect-ratio: 16/9) and it also provides HTML. This plugin supports multiple languages, but you need to be familiar with Auto Layout to ensure the resulting code is well-structured. One note of caution: the mentioned SVG elements worked best for me only when nested inline in the code and copied directly from Figma (right-click > copy as SVG).
2
Tailwind 4 is HERE!
Mikuláš Žačok
Visual Content Creator
I’m absolutely thrilled about Tailwind 4. It packs a serious performance punch and compiles way faster, thanks to Tailwind Oxide and Lightning CSS. That means the entire build process runs more smoothly, and I no longer have to deal with JavaScript variables—I can define them directly as CSS custom properties.
Dynamic utilities and variants also got a boost: you can now use data attributes without square brackets, making complex components a breeze to build. Another highlight is support for @property, which finally lets you smoothly animate CSS variables—perfect for those gradient transitions.
Improved container queries let you name containers and work with a broader range of sizes, from 3XS to 7XL, giving you even more flexibility in responsive design. And the Tailwind team has added a migration tool that makes upgrading from version 3 to 4 significantly easier—great news for anyone working on large projects with countless JSX files.
All in all, Tailwind 4 feels not just faster and more powerful, but also more flexible and user-friendly. Check out more details on Tailwind CSS v4.0 here.
3
New Release: Claude 3.7 Sonnet and Claude Code
Gabriel Falis
Developer
Anthropic has unveiled Claude 3.7 Sonnet, packed with several notable upgrades. Here are the highlights:
- Hybrid Reasoning: Quickly get concise answers or deep, step-by-step explanations.
- Claude Code: A new tool for agent-based coding that streamlines development work.
- Improved Coding Features: Enhanced support for front-end web development.
- GitHub Integration: Now available across all Claude plans.
- Better Handling of Harmful Requests: A 45% reduction in unnecessary refusals.
These updates are available on all Claude plans and through the Anthropic API.
Learn more on this page.
4
The State of PHP 2024
Lukáš Huňár
Developer
Missed the January edition of Coder’s Corner? Read it here.