From Claude Code to Figma – and Back Again - my notes

From Claude Code to Figma – and Back Again

presentation link

- presentation by Anthropic Thariq Shihipar from Anthropic and Brett McMillin from Figma- I had (and others) trouble connecting so missed first ~10 mins. But I understand was about installing figma mcp- Brett: roles are blending, workflows are blending, ideas can start from anywhere- Thariq: figma mcp allows Claude Code to go both ways; mcp allows you to get all of you data into agents- Brett introduced useFigma (in beta) which allows create or modify any design in figma  - recommended: load the "figma-use" skill in Claude code- Thariq jumped around a figma design doc- demod building a html web app from a figma  - then made changes in figma and had claude pick it up- Thariq showed how he used Claude code to generate a figma design, "good for starting"  - did they run the prompt in figma? ...it looks like it  - "figma canvas" - prompting playground, free tokens- Brett showed example of where figma was generated from code e.g. older code without a figma- Thariq and Brett talked about skills a lot and ideas for skills. Most popular skill is the frontend-design skill. Could create a version of your own to match you needs.  - Brett, learned to make smaller skills and then combine them  - Thariq said he thinks could be both large and small. The important thing is try it out and see what works. But does like layering and referencing other skills- Thariq worth being specific and ask Claude to use a skill if you know it should- Brett thinks things will get a lot more creative, rip away some artifice of the tooling, "run agents on the canvas", also linting etc.- Thariq sees more collaboration, eng and designer, bring in docs etc.- Brett recommends designers collaborate with engs, learn from them- Thariq "your best engineers should be creating the scaffold for other engs to be more productive"  - skills, verification  - have a "gotchs" section in you skills- Brett everyone (PM, Design, Eng) is trying to figure out how to use tools. Recommends collaboratively figure out. There's a mindset shift happening: new tools but also new practices. Be curious  - figma.com/mcp-catalog  - figma.com/community/skills- Thariq learn Claude code. Free up room for exploration.- figma.com/events - see one in April (edited) 

Comments

Post a Comment

Popular posts from this blog

angular js protractor e2e cheatsheet

Many from the protractor test suite category detailed task syntax example load page load a page browser.get('yoururl') browser btn actions browser back/forward browser.navigate().back() OR browser.navigate().forward() access elements on page See Protractor API list and examples from Protractors test suite access by angular ngmodel name (must match ngmodel in the html) this is the preferred approach element(by.model('person.name')); access by the css id on the page e.g, #user_name (but this can be brittle) element(by.id('user_name')) access angular binding to get generated value i.e. for {{}} element(by.binding('person.concatName')); access angular repeat list data (must match repeat stmt in the html) See Protractor test suit l...
Read more

angularjs ui-router query string parameter support

angularjs ui-router is pretty cool, we use it in our app now but have not yet used query string parameters (e.g. ?p1=age&p2=height). But now we need to. we're now adding a feature which is basically a report generator and its a good use case for query string parameters once on the page then you're basically in that ui-router "state" users can select filters etc. from dropdowns which will reload the data but should not destroy/recreate any controllers or ui widgets (we stay on the page and do not state transition) yet we do want to update the url for deep links and back button support we don't know the complete list of possible filter choices, but know it should be data driven and will change by report  urls to support this report feature are will be something like thus /reports  /reports/sales  /reports/sales?region=west&time=weeks so we need to use query string parameters Below are some of the things I discovered with ui-router query strin...
Read more

Notes on interview with Kent Beck about AI and why it's like a "genie"

TDD, AI Agents and coding with Kent Beck https://www.youtube.com/watch?v=aSXaxOdVtAQ This podcast was really fun to learn from and I recommend. Kent is famous in the programming world, so his take on AI is worth learning from. Kent says he's spending 6-10 hours a day programming and in 50 years of programming it's the most fun he's had, "its a blast". Kents using agentic tools where it generates a bunch of code from a single prompt. Kent says nobody knows what works so try it all. So we should be experimenting.  Kents tried a number of different languages as he's experimented. Kent thinks of AI as an "unpredictable genie". Its a genie in that "it grants wishes and you wish for something and you get it, but it's not what you actually wanted: it volunteers features, doesn't care about design, willing to cheat (delete/modify tests) there can be some good things with this, but some bad I love this metaphor. I have experienced these aspects o...
Read more