Search blocks by description or jump to a page.
A ruled list of six daily tools each paired with one sentence explaining why that tool earned its place over the alternatives.
The source for every Portfolio block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
What I Use lists six daily tools in a ruled divided list, each with a name and one sentence explaining why this tool over the alternatives. Figma earns its place because the component and variable system maps closely enough to how code works that handoff rarely needs a follow-up meeting. Storybook makes the list because it is the best forcing function for component isolation: if it is hard to story, the component is probably doing too much. The heading is What I use and why.
Tools are one array of six objects. The reason field is the distinctive choice: most tool lists name the tool, this one names the thinking behind the choice, which says more about how the work gets done than any skill level could.
Reach for this block on an about page or a dedicated uses page where the audience cares about process and craft, not just credentials. The installer swaps the six tools and the reason sentences for their actual choices and reasoning.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the opinionated toolkit for a designer-developer with a point of view on process. Other uses list shapes:
Tip: the reason sentence is harder to write than a skill bar but more convincing; if you cannot explain why, the tool probably does not belong on the list.