20 Matching Annotations
  1. Jun 2026
    1. I design with Claude more than Figma now
      • The author, a designer at Jane Street, now primarily uses Claude Code rather than Figma to design and prototype new features.
      • Instead of creating traditional spec documents, Figma mockups, and proposals, the new workflow involves writing a problem description, opening an editor, and using Claude to build an interactive prototype inside the actual codebase.
      • Building high-fidelity prototypes directly in the medium (e.g., using OCaml and Bonsai at Jane Street) eliminates intermediary artifacts and allows the author to quickly iterate on minute details like keyboard shortcuts, copy, and button refinement.
      • This approach makes evaluating concepts much easier for stakeholders, as they can interact with a live tool rather than static frames, which is particularly valuable when testing the feasibility of complex features like internal LLM integration.
      • A key shift in their model happened over the course of a few months as improved models, growing prompting familiarity, and proper scoping allowed for handling large-scale diffs (exceeding 2,000 lines).
      • A major workflow challenge is how engineering teammates handle code reviews for fully baked features; the current solution treats the prototypes like "code mockups" that engineers can iterate on or reference to write the official production code.
      • The author expresses concern that relying on Claude might stifle fluid, out-of-the-box creativity, locking them into an incremental, iterative mindset constrained by what they expect the LLM can easily generate.

      Hacker News Discussion

      • The Shift from Static Design to Working Prototypes: Many users echoed the author's sentiment, noting that the traditional reliance on Figma for initial product concepts is declining. Teams increasingly prefer building quick, functional wireframes in dev environments that stakeholders can actually interact with.
      • Organizational Friction and "Vibe Coding" Pressure: A prominent topic of discussion was the tension this workflow introduces with management and business teams. When non-technical stakeholders or designers build a working prototype quickly using AI ("vibe coding"), leadership often pressures engineers to push it directly to production without understanding the need for refactoring, architecture, and handling edge cases.
      • Loss of Deep Design Thinking: Some commenters argued that outsourcing early-stage creation to an LLM removes a crucial phase of critical thinking. Because the AI automatically paints over gaps or details in a prompt, team members stop asking foundational questions ("how should we communicate this idea?" or "what happens when..."), leaving critical logic gaps to be fixed much later.
      • Homogenized and "Safe" Aesthetics: Users iterating with text-to-UI tools noted that the default visual output tends to adhere strongly to contemporary web tropes, resulting in boilerplate or generic Tailwind/Bootstrap-style layouts unless heavily prompted with highly specific design rules or unconventional examples.
      • The Long Tail of Accountability: Engineers emphasized that while AI dramatically speeds up the initial prototyping loop, it does not replace the necessity for engineering discipline. The long-term ownership of operational risk, system maintenance, edge-case mitigation, and on-call accountability still relies entirely on human experts.
  2. Feb 2025
  3. Jan 2025
    1. How we migrated onto K8s in less than 12 months
      • Figma's Initial Infrastructure Challenges:

        • Figma's monolithic architecture struggled with resource allocation inefficiencies and limited scalability.
        • High traffic spikes from collaborative design workflows required more robust solutions for resource autoscaling and failover.
      • Why Kubernetes Was Chosen:

        • Kubernetes' container orchestration capabilities promised better resource management and service isolation.
        • Features like Horizontal Pod Autoscaling (HPA), robust networking via Kubernetes Services, and support for StatefulSets made it an ideal fit for Figma’s needs.
        • The platform also wanted better alignment with cloud-native practices and modern CI/CD workflows.
      • Incremental Migration Approach:

        • Step 1: Non-Critical Services: Figma migrated stateless services first, allowing experimentation without risking core functionality.
        • Step 2: Custom Tooling: Internal tooling was built to manage Kubernetes manifests and automate Helm chart creation for standardization.
        • Step 3: Stateful Services: For databases and other stateful components, Figma relied on Kubernetes' StatefulSets and persistent volumes (PVs) to ensure data integrity during the migration.
        • Step 4: Observability Enhancements: Kubernetes-native tools like Prometheus and Grafana were integrated to provide detailed metrics and system insights.
      • Key Technical Adjustments During Migration:

        • Service Discovery: Transitioned to Kubernetes-native DNS for internal service communication, replacing legacy methods.
        • Load Balancing: Leveraged Kubernetes Ingress and external load balancers (e.g., NGINX or cloud-native solutions) for traffic routing.
        • Networking Complexity: Resolved challenges around multi-cluster networking using Kubernetes CNI plugins like Calico.
        • Resource Management: Used Resource Quotas and Limits to prevent pod overcommitment and optimize cluster utilization.
      • Challenges Faced:

        • Stateful Services: Ensuring zero-downtime migration for databases required careful orchestration of PersistentVolumeClaims (PVCs) and StatefulSets.
        • Networking: Handling cross-region traffic and external dependencies required tweaking Kubernetes Ingress configurations.
        • Resource Constraints: Balancing costs and performance involved tuning cluster-autoscaler configurations and evaluating node pool setups.
      • Benefits Realized Post-Migration:

        • Scalability: Kubernetes' HPA allowed Figma to scale pods dynamically based on traffic patterns, ensuring consistent performance.
        • Deployment Efficiency: CI/CD pipelines integrated seamlessly with Kubernetes, enabling faster and more reliable rollouts using tools like Argo CD.
        • Reliability: Self-healing capabilities, such as pod restarts and node failover, reduced downtime during failures.
        • Observability: Improved system monitoring with Kubernetes' native metrics server and integrations with Prometheus and Grafana.
      • Future Enhancements Planned:

        • Service Mesh Integration: Adoption of Istio or Linkerd to enhance observability, security (e.g., mutual TLS), and traffic management.
        • Cost Optimization: Further tuning autoscaling policies and resource limits to minimize waste.
        • Edge Improvements: Deploying Kubernetes clusters closer to end-users for reduced latency, potentially using Kubernetes' Cluster Federation.
  4. Dec 2024
    1. Word

      Figma

      Figma has many options for line spacing. You can use "&" and points, and others also by clicking the "apply variable" icon on the right of the Line height option.

      The percentage calculation is different to what is calculated here. To match the 135% discussed and recommended here, as the optimum distance, use 170%.

  5. Jun 2024
  6. Jan 2024
    1. Personally I think we could get a ton more benefits and would also be able to pull new users into our platform by finding better ways to integrate/link/connect/display Figma in our work item objects. Today the biggest downside for "Design management" is that it's basically just a copy of what's happening inside of Figma that has to be manually kept in sync and requires users to constantly switch back and forth:
  7. Dec 2023
    1. Fifteen months into the regulatory review process, Figma and Adobe no longer see a path toward regulatory approval of our proposed acquisition.Figma and Adobe have reached a joint decision to end our pending acquisition. It’s not the outcome we had hoped for, but despite thousands of hours spent with regulators around the world detailing differences between our businesses, our products, and the markets we serve, we no longer see a path toward regulatory approval of the deal.

      https://penpot.app/

      https://community.penpot.app/t/export-figma-to-penpot/1684

  8. Nov 2021
  9. Sep 2020
    1. Figma is browser-first, which was made possible (and more importantly performant) by their understanding and usage of new technologies like WebGL, Operational Transforms, and CRDTs. From a user’s perspective, there are no files and no syncing that needs to be done with others editing a design. The actual *experience* of designing in Figma is native to the internet. Even today, competitors often talk about cloud, but are torn over how *much* of the experience to port over to the internet. Hint: “all of it” is the correct answer that they all eventually will converge on.

      Company's struggle to figure out how much of their experience they should port over to the cloud. Figma pioneered the idea of porting all of it and call it a "browser first" application.

      For the Figma user there are no versioned files and there is no syncing.

      Kwok claims all companies will converge to having all of their experience be "internet native".

    2. In many ways Figma’s Communities are a reflection of Github’s philosophy and intent, but built with design in mind. Duplicate a shared design, and a copy is instantly saved to your workspace and ready to be edited.

      The idea of a click-to-fork-repository was brought to Figma in the form of communities.

    3. This impacts monetization and purchasing at companies. Paying for a new design tool because it has new features for designers may not be a top priority. But if product managers, engineers, or even the CEO herself think it matters for the business as a whole—that has much higher priority and pricing leverage.

      If a tool benefits the entire team, vs. just the designer, it becomes an easier purchase decision.

    4. By bringing both designers and non-designers alike into Figma, they create a cross-side network effect. In a direct network effect, a homogenous group gets more value from a product as more of them join. In contrast, a cross-side network effect involves two (or more) distinct groups that grow in size and value as the other group does, too. Figma’s cross-side network effect between designers and non-designers is one of the primary and under-appreciated sources of their compounding success over the last few years. As more designers use Figma, they pull in the non-designers they work with. Similarly, as these non-designers use Figma, they encourage the other designers they work with to use Figma. It’s a virtuous circle and a powerful compounding loop.

      By bringing non-designers into the design process, Figma created cross-side network effects for itself.

      Where typically the designers would get their designer peers to use the tools they're excited about, now non-designers would experience the value and recommend Figma to designers and non-designers alike.

    5. Much of Figma’s current success is driven by its ability to spread within companies. Figma becomes more useful as more people within a company use it, driving advantaged speed and scale of penetration within companies. Figma was quick to recognize that the constraints on design at companies is often not a problem of pixels, but of people. Many of Figma’s competitors are great tools for designers. But that’s who they are for—designers. Figma is a tool for teams to design. Not for designers alone.

      Much of Figma's success is due to the fact that Figma spreads easily within a team, because the barrier to entry is so low (you only need a browser and a link).

    6. The core insight of Figma is that design is larger than just designers. Design is all of the conversations between designers and PMs about what to build. It is the mocks and prototypes and the feedback on them. It is the handoff of specs and assets to engineers and how easy it is for them to implement them.

      The key insight the Figma team had was that the design process involves a wide range of people, conversations and artefacts within an organization. Figma brings all those into one place.

  10. Jul 2020
    1. Deep Search Find the right file faster with the ability to search for files that contain a given word or phrase.

      Фигма теперь может находить файлы, которые содержат определённое слово внутри макетов. Проверил на «эвакуация», работает!